3D カードフリップ生成ツール

表面
裏面

カードをクリックして反転

プリセット
反転方向
時間 s
透視距離 px
CSS 出力

3D カードフリップ生成ツール

preserve-3d と backface-visibility で表裏フリップを生成。プレビューをクリックして確認。

  • 9種プリセット:標準・高速・低速・縦回転・遠近強弱・縦高速・スナッピー・ワイドなど
  • 水平(Y軸)/ 垂直(X軸)の回転方向
  • 時間と perspective を調整可能
  • シーン / カード / 表裏の完全な CSS を出力