返回动画列表

模糊到清晰

Blur In

元素从模糊状态逐渐变清晰并淡入，营造柔和的过渡入场效果。

过渡挂载时初级GPU 加速

预览

代码

持续时间

500ms

缓动函数

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

CSS 属性

opacity, filter

使用场景

Image reveal
Page transition effect
Modal content entrance
Background image loading

相关动画

fade-in-up scale-in