返回动画列表

淡出下滑

Fade Out Down

元素向下滑动并逐渐消失，最常见的退场动画之一。

退场手动初级GPU 加速

预览

代码

持续时间

400ms

缓动函数

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

CSS 属性

opacity, transform

使用场景

Modal dismiss
Toast notification exit
Dropdown close
Card removal

相关动画

fade-in-up fade-in-down