返回动画列表

淡入上滑

Fade In Up

元素从下方淡入并向上滑动，最常见的入场动画之一。

入场挂载时初级GPU 加速

预览

代码

持续时间

600ms

缓动函数

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

CSS 属性

opacity, transform

使用场景

Page section entrance
Card list staggered reveal
Modal content appearance
Hero text entrance

相关动画

fade-in-down scale-in blur-in