Back to Animations
Collapse
折叠收起
Element height shrinks to zero while fading out. Ideal for accordions, FAQ panels, and collapsible sections.
ExitOn ClickIntermediate
Preview
Code
Duration
350ms
Easing
cubic-bezier(0.4, 0, 0.2, 1)
CSS Properties
max-height, opacity, padding
Use Cases
- Accordion panel collapse
- FAQ section toggle
- Expandable card content
- Sidebar section folding