Most Popular CSS Effects (Page 2)

Live preview Toggles

Awake / Tired

Wide-awake eye closes into a sleepy yawn.

#transform #shadow

Live preview Toggles

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Live preview Toggles

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

#gradient #transform #shadow

Live preview Toggles

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Live preview Accordions

Rivet Downloads Accordion

Build groups punch open a format list where each row shows its extension and weight.

#details #download #clip-path

Live preview Alerts

Frost Banner Alert

A frosted glass information banner with a slow light sweep crossing the surface.

#banner #glass #info

Live preview Alerts

Ivory Sticker Alert

A taped paper sticker sways from its top edge like a note pinned to the wall.

#sticker #note #tilt

Live preview Alerts

Ridge Underline Alert

A borderless message underlined by a stripe that keeps redrawing itself from the left.

#underline #bottom-border #minimal

Live preview Alerts

Ripple Copy Alert

A small clipboard toast that lifts into view and sends a ripple out of the copy glyph.

#clipboard #copy #ripple

Live preview Alerts

Tether Bulk Alert

A bulk job summary whose ratio bar splits outward into imported and failed portions.

#bulk #summary #ratio

Live preview Alerts

Turbine Camera Alert

A device permission notice with an opening lens aperture and a live input level meter.

#permission #camera #microphone

Live preview Avatars

Copper Verified Badge Avatar

A copper check badge sits in the corner and pops when the avatar is hovered.

#badge #verified #animation

Live preview Avatars

Glide Scrollable Avatar Rail

A horizontally scrollable member rail with a slim custom scrollbar under it.

#scroll #group #rail

Live preview Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Live preview Badges

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Live preview Badges

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Live preview Badges

Pulse Color Badge

Badge with color cycling through palette.

#animation

Live preview Badges

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Live preview Badges

Spring Pop Badge

Badge that springs into view with overshoot.

#animation #transform

Live preview Badges

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Live preview Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Live preview Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Live preview Badges

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Live preview Badges

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Live preview Badges

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

#gradient #shadow #border

Live preview Badges

Solid Lime Pill

Vibrant lime pill badge with dark text.

Live preview Badges

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

#gradient #shadow #border

Live preview Badges

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

#gradient #shadow #border

Live preview Badges

Doc Excel Badge

Excel document badge with green XLS tag.

#gradient #shadow #border

Live preview Badges

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

#gradient #shadow #border

Live preview Badges

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Live preview Badges

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Live preview Badges

Glass Frost Badge

Frosted glass badge with backdrop blur and subtle border.

#shadow #border #filter

Live preview Badges

New Pill Badge

Green pill badge announcing new content with a subtle pop-in.

#animation #gradient #transform

Live preview Badges

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Live preview Badges

Certified Circle Seal

Certified seal with double circle and dashed accent.

#transform #border

Live preview Badges

Star Burst Seal

Sunburst seal with star points radiating outward.

#transform #shadow #filter

Live preview Badges

Arrow Tag Shape Badge

Right-pointing arrow-tag badge with pointed end.

#gradient #shadow

Live preview Badges

Star Shape Badge

Five-point star-shaped badge with golden glow.

#gradient #shadow

Live preview Badges

Space Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Live preview Badges

Canceled Stamp

Canceled stamp with strong red diagonal style.

#transform #shadow #border

Live preview Badges

State Queued Badge

Queued state badge with hourglass-style indicator.

#border

Live preview Badges

Tag With Hole

Price tag with string hole and notched left side.

#transform #shadow

Live preview Badges

Trust Firewall Badge

Firewall-protected badge with brick-wall red tone.

#gradient #shadow #border

Live preview Badges

Vapor Palm Badge

Vaporwave badge with palm-tree silhouette accent.

#gradient #shadow #border

Live preview Badges

Weather Hail Badge

Hail weather badge with ice-stone speckle pattern.

#gradient #shadow #border

Live preview Badges

Y2K Daisy Badge

Daisy-themed badge with white-yellow petal styling.

#gradient #shadow #border

Live preview Backgrounds

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Live preview Backgrounds

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Live preview Backgrounds

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Live preview Backgrounds

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Live preview Backgrounds

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Live preview Backgrounds

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Live preview Backgrounds

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Live preview Backgrounds

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Live preview Backgrounds

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Live preview Backgrounds

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

#animation #gradient #transform

Live preview Backgrounds

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Live preview Backgrounds

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

#animation #gradient #shadow

Live preview Backgrounds

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Live preview Backgrounds

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

#animation #gradient #filter

Live preview Backgrounds

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Live preview Backgrounds

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Live preview Backgrounds

Sahara Desert

Endless Sahara dunes ripple golden under a fierce sun.

#animation #gradient

Live preview Backgrounds

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Live preview Backgrounds

Dichroic Glass

Dichroic glass shifts between transmitted and reflected colors.

#animation #gradient

Live preview Backgrounds

Crimson Dusk

A dramatic crimson dusk ignites the horizon in red.

#animation #gradient

Live preview Backgrounds

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Live preview Backgrounds

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform

Live preview Backgrounds

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

Live preview Backgrounds

Gradient Shift

A wide multi-stop gradient that continuously cycles its position for a calm flow.

#gradient #animation #border

Live preview Backgrounds

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Live preview Backgrounds

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Live preview Backgrounds

White Noise Snow

Television white-noise snow with analog flicker.

#animation #gradient

Live preview Backgrounds

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.

#animation #gradient #transform

Live preview Buttons

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Live preview Buttons

Apricot Glow

Soft apricot orange with gentle glow.

#hover #gradient #transform

Live preview Buttons

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Live preview Buttons

Bonsai Tree

Tiny bonsai with green crown on brown pot.

#hover #gradient #shadow

Live preview Buttons

Bracket Wrap Button

Code-style button wrapped by animated square brackets.

#hover #transform #shadow

Live preview Buttons

Brass Buckle

Polished brass belt buckle shape.

#hover #gradient #shadow

Live preview Buttons

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Live preview Buttons

Frosted Ice Button

Translucent frosted ice button with a sweeping crystalline shine.

#gradient #hover #glass

Live preview Buttons

Nebula Cloud

Cosmic purple-pink nebula swirl.

#hover #gradient #transform

Live preview Buttons

Ocean Tide

Waves rolling across a blue button face.

#animation #gradient #transform

Live preview Buttons

Pelagic

Open-ocean pelagic button with deep blue vastness.

#hover #gradient #transform

Live preview Buttons

Rafter

Rafter-button with diagonal roof beams.

#hover #gradient #shadow

Live preview Buttons

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Live preview Buttons

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Live preview Buttons

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Live preview Buttons

Violet Storm

Deep violet button with lightning flicker.

#animation #gradient #shadow

Live preview Buttons

Void Black

Pure void-black button with a subtle violet rim.

#hover #shadow #border

Live preview Buttons

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Live preview Buttons

Whetstone

Whetstone-button with a smooth sharpening surface.

#hover #gradient #shadow

Live preview Buttons

Yarrow

Pale yarrow-cluster button with tiny white dots.

#hover #gradient #shadow

Live preview Cards

Bakery Fresh Card

Bakery fresh item card with name, baked time, and price.

#gradient #shadow

Browse by category

Popular tags