全部词条 / 动效
动效
通用术语

淡入过渡

Fade transition

通过透明度变化,让元素柔和地出现。

也叫渐显淡入淡出

效果预览 先看,再试一试

实时演示
MOTION PREVIEW
一切准备就绪

让每一次变化自然发生。

查看项目
240ms · ease-out

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

通过透明度变化,让元素柔和地出现。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

提示信息、局部内容切换、辅助面板入场。

容易混淆

淡入只改变透明度;滑入还改变位置。不可仅靠透明度隐藏可聚焦控件。

可以这样描述

内容出现时从透明过渡到完全可见,结束后保持稳定。单次过渡时长为 240ms,使用 ease-out 缓动;减少动态效果时直接呈现结束状态。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备