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

展开收起过渡

Expand and collapse

内容区域在收起和展开时平滑改变可见高度。

也叫高度动画折叠动画

效果预览 先看,再试一试

实时演示
MOTION PREVIEW

成员权限和通知偏好

240ms · ease-out

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

这是什么

内容区域在收起和展开时平滑改变可见高度。

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

什么时候用

筛选条件、帮助说明与折叠列表。

容易混淆

展开过渡是视觉效果;折叠面板还需要明确触发方式和展开状态。

可以这样描述

辅助内容在展开与收起时平滑改变高度,并保持后续内容自然移动。单次过渡时长为 240ms,使用 ease-out 缓动;减少动态效果时直接呈现结束状态。

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

参考资料

相关规范与实现参考

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

正在准备离线内容…

收藏与方案保存在此设备