Live preview Avatars
Halo Blurred Aura Avatar
A heavily blurred conic aura turns behind the disc and breathes in and out.
#blur CSS effects
13 free, pure-CSS effects match the "blur" tag. Each is copy-ready and needs no library or build step.
Live preview Modals
Wisp Tag Modal
A tagging panel condenses out of a blurred wisp while mist bands keep drifting across the scene.
Live preview Sliders
Spiral Mist Slider
Two blurred conic clouds breathe behind the rail and leave a soft aura around the knob.
Live preview Alerts
Pearl Blur Alert
Title and description resolve out of a soft blur one after the other on a loop.
Live preview Avatars
Lagoon Blur To Sharp Avatar
The portrait resolves from a blurred placeholder while the loading label fades out.
Live preview Modals
Cove Logout Modal
A sign out confirmation contracts out of a soft blur beside the avatar it will close.
Live preview Modals
Glacier Command Palette
A command palette drops from the top edge and sharpens out of a blur over result rows.
Live preview Modals
Quartz Focus Modal
The dialog arrives out of focus and sharpens as it settles over a gradient veil.
Live preview Marquees
Bloom Focus Pass
Items start out of focus and sharpen one at a time as the blurred rail travels on.
Live preview Marquees
Mica Parallax Layers
A dim blurred layer drifts behind a sharp one, so the strip gains real depth.
Live preview Sliders
Glide Glass Slider
A frosted plate floats over a blurred colour orb and carries a translucent rail across it.
Live preview Sliders
Tundra Blur Preview
A frosted preview plate that sharpens the moment focus lands inside the control.
Live preview Tabs
Lapis Scale Tabs
A small dot marks the active tab and the panel scales up out of a blur.