3D 卡片翻轉效果產生器

正面
背面

點擊卡片體驗翻轉

翻轉預設
翻转方向
时长 s
透视距离 px
CSS 輸出

3D 卡片翻轉效果產生器

基於 preserve-3d 與 backface-visibility 產生正反面翻轉動畫,適合產品展示、名片與資訊卡片。點擊預覽即可翻轉。

  • 9 組預設:標準、快速、慢速、垂直翻轉、深/淺透視、垂直快翻、乾脆、寬螢幕卡片等
  • 支援水平(Y 軸)與垂直(X 軸)翻轉方向
  • 可調動畫時長與 perspective 透視距離
  • 輸出完整場景 / 卡片 / 正反面 CSS,可直接嵌入專案