返回动画列表

折叠收起

Collapse

元素高度从完整状态收缩至零并淡出，适合手风琴、FAQ 折叠面板等场景。

退场点击时中级

预览

代码

持续时间

350ms

缓动函数

cubic-bezier(0.4, 0, 0.2, 1)

CSS 属性

max-height, opacity, padding

使用场景

Accordion panel collapse
FAQ section toggle
Expandable card content
Sidebar section folding

相关动画

fade-out-down scale-out