3D 卡片翻转效果
自定义尺寸、颜色、翻转轴与动画，实时预览并导出 CSS 代码。
卡片设置
颜色设置
3D 效果设置
内容与字体
预设模板
实时预览
正面
点击卡片或按钮翻转
背面
这是卡片的背面
生成的 CSS 代码
3D 卡片 CSS 生成器
- 支持 Y/X 轴翻转、正向/反向、多种缓动函数与 6 组配色预设。
- 可自定义卡片尺寸、圆角、透视距离与阴影强度。
- 点击预览卡片或「翻转卡片」按钮查看效果，一键复制或导出代码。
自定义 3D 卡片翻转动画，实时预览并导出 CSS 代码。
自定义尺寸、颜色、翻转轴与动画，实时预览并导出 CSS 代码。