Back to Animations
Blur In
模糊到清晰
Element transitions from blurred to sharp while fading in, creating a soft focus entrance effect.
TransitionOn MountBeginnerGPU Accelerated
Preview
Code
Duration
500ms
Easing
cubic-bezier(0.16, 1, 0.3, 1)
CSS Properties
opacity, filter
Use Cases
- Image reveal
- Page transition effect
- Modal content entrance
- Background image loading