返回动画列表

旋转入场

Rotate In

元素从反向旋转并透明的状态旋转至正位并淡入，适合图标和趣味性入场。

入场挂载时中级GPU 加速

预览

代码

持续时间

500ms

缓动函数

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

CSS 属性

opacity, transform

使用场景

Icon entrance animation
Logo reveal effect
Playful element appearance
Achievement badge reveal

相关动画

scale-in bounce-in