返回动画列表

弹性入场

Bounce In

元素以弹性缩放方式入场，从小尺寸弹跳过冲后稳定在原始大小，充满活力感。

入场挂载时初级GPU 加速

预览

代码

持续时间

600ms

缓动函数

cubic-bezier(0.34, 1.56, 0.64, 1)

CSS 属性

opacity, transform

使用场景

Notification badge appearance
Toast message entrance
Icon pop-in effect
Call-to-action button reveal

相关动画

scale-in fade-in-up