动效
通用术语翻转动画
Flip animation
通过旋转让卡片从正面翻到背面。
也叫翻面卡片翻转
效果预览 先看,再试一试
MOTION PREVIEW240ms · ease-out
演示用于理解模式。具体样式和尺寸可按项目需要调整。
这是什么
通过旋转让卡片从正面翻到背面。
本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。
什么时候用
少量关联信息的正反面对照、学习卡片。
容易混淆
这里是卡片 3D 翻面,不是用于布局动画的 FLIP 技术缩写。
可以这样描述
卡片沿纵轴翻转,正反两面分别显示摘要和补充信息。单次过渡时长为 240ms,使用 ease-out 缓动;减少动态效果时直接呈现结束状态。
随上方参数同步生成 · 可加入方案后编辑
参考资料
相关规范与实现参考释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。