返回动画列表

淡入下滑

Fade In Down

元素从上方淡入并向下滑动，常用于导航栏、下拉菜单入场。

入场挂载时初级GPU 加速

预览

代码

持续时间

600ms

缓动函数

cubic-bezier(0.16, 1, 0.3, 1)

CSS 属性

opacity, transform

使用场景

Dropdown menu appearance
Notification banner slide-in
Top navigation reveal
Toast notification from top

相关动画

fade-in-up scale-in