动效
通用术语淡入过渡
Fade transition
通过透明度变化,让元素柔和地出现。
也叫渐显淡入淡出
效果预览 先看,再试一试
MOTION PREVIEW
一切准备就绪
240ms · ease-out让每一次变化自然发生。
查看项目演示用于理解模式。具体样式和尺寸可按项目需要调整。
这是什么
通过透明度变化,让元素柔和地出现。
本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。
什么时候用
提示信息、局部内容切换、辅助面板入场。
容易混淆
淡入只改变透明度;滑入还改变位置。不可仅靠透明度隐藏可聚焦控件。
可以这样描述
内容出现时从透明过渡到完全可见,结束后保持稳定。单次过渡时长为 240ms,使用 ease-out 缓动;减少动态效果时直接呈现结束状态。
随上方参数同步生成 · 可加入方案后编辑
参考资料
相关规范与实现参考释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。