3D 卡片翻转效果生成器

正面
背面

点击卡片体验翻转

翻转预设
翻转方向
时长 s
透视距离 px
CSS 输出

3D 卡片翻转效果生成器

基于 preserve-3d 与 backface-visibility 生成正反面翻转动画,适合产品展示、名片与信息卡片。点击预览即可翻转。

  • 9 组预设:标准、快速、慢速、垂直翻转、深/浅透视、垂直快翻、干脆、宽屏卡片等
  • 支持水平(Y 轴)与垂直(X 轴)翻转方向
  • 可调动画时长与 perspective 透视距离
  • 输出完整场景 / 卡片 / 正反面 CSS,可直接嵌入项目