3D 카드 플립 생성기

앞면
뒷면

카드를 클릭하여 뒤집기

프리셋
뒤집기 방향
시간 s
원근 거리 px
CSS 출력

3D 카드 플립 생성기

preserve-3d와 backface-visibility로 앞뒤 뒤집기 애니메이션을 만듭니다. 미리보기를 클릭해 확인하세요.

  • 9개 프리셋: 표준·빠름·느림·세로·원근 강/약·세로 빠름·스내피·와이드 등
  • 가로(Y축)·세로(X축) 뒤집기 방향
  • 지속시간·perspective 조절
  • 장면/카드/앞뒤면 전체 CSS 출력