Back to Animations

Rotate In

旋转入场

Element rotates from -180deg with zero opacity to its final position. Great for icons and playful entrances.

EntranceOn MountIntermediateGPU Accelerated

Preview

Code

Duration

500ms

Easing

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

CSS Properties

opacity, transform

Use Cases

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

Related Animations

scale-in bounce-in