#shadow CSS effects

5,548 free, pure-CSS effects match the "shadow" tag. Each is copy-ready and needs no library or build step.

Live preview Cards

Pet Vaccination Card

Pet vaccination record with vaccine name, date, and next due.

#shadow #border

Live preview Cards

9-Ball Pool Card

9-ball pool rack card with ball order and breaker.

#gradient #shadow #border

Live preview Cards

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Live preview Cards

Ribbon Award Card

Ribbon award card with a rosette, dangling tails, and a center medallion.

#gradient #transform #shadow

Live preview Cards

Souvenir Magnet Fridge Card

Fridge souvenir magnet card with destination name and magnetic backing.

#gradient #transform #shadow

Live preview Cards

Student ID

Student ID card with a portrait, university header, and a barcode strip.

#gradient #shadow #border

Live preview Cards

Teacher Profile Bio Card

Teacher bio card with avatar, name, subject, and contact info.

#gradient #shadow #border

Live preview Cards

Workout Split Day Card

Weekly workout split showing day focus and exercise list.

#gradient #shadow #border

Live preview Checkboxes

Coin Flip Toggle

A coin spins gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Plum Color Toggle

A color swatch that fills with plum when checked.

#transform #shadow #border

Live preview Checkboxes

Dragonfly Toggle

A dragonfly slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Espresso Toggle

An espresso pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Falcon Toggle

A falcon shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Fig Toggle

A fig fades in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Giraffe Tall Toggle

A giraffe brightens with a yellow glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Long Drum Toggle

A long drum shakes in orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Number 1 Toggle

Number 1 scales up blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Plug Power Toggle

A plug glows yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Plum Toggle

A plum flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Scissors Cut Toggle

Scissors snip with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Silverfish Toggle

A silverfish spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Sparkle Twinkle

A four-pointed sparkle that twinkles in with a magenta glow and slow spin when checked.

#animation #shadow #border

Live preview Checkboxes

Sun Brighten Toggle

A dim sun emoji brightens and slowly rotates with a warm yellow glow when checked.

#animation #shadow #transform

Live preview Checkboxes

Sunset Dusk Toggle

A sunset glows warm when checked.

#transform #shadow #filter

Live preview Checkboxes

Omega Symbol Toggle

The Greek omega letter fades violet when checked.

#shadow #filter

Live preview Checkboxes

Psi Symbol Toggle

The Greek psi letter slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Theta Symbol Toggle

The Greek theta letter scales pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Storm Crash Toggle

A thunderstorm shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pickup Truck Toggle

A pickup truck bounces in orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Willet Toggle

A willet flips gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Yellowjacket Toggle

A yellowjacket spins yellow when checked.

#animation #transform #shadow

Live preview Forms

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Live preview Forms

Ice Border Input

Icy frosted border with crystalline shimmer.

#shadow #border

Live preview Forms

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Live preview Forms

Success State Input

Input showing success state with green border and checkmark icon.

#animation #transform #shadow

Live preview Forms

Segmented Switch

Segmented toggle group with sliding indicator between options.

#hover #shadow #border

Live preview Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Live preview Loaders

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Live preview Loaders

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Live preview Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Live preview Loaders

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Live preview Loaders

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Live preview Loaders

Pearl Glow

Pearl with soft iridescent glow.

#animation #gradient #transform

Live preview Loaders

Pole Vault

Pole vaulter going over bar.

#animation #gradient #transform

Live preview Loaders

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Live preview Loaders

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Live preview Navigation

Hover Glow Breadcrumbs

Breadcrumbs with glow on hover.

#hover #shadow

Live preview Navigation

3D Icon Nav

3D extruded icon navigation.

#hover #gradient #transform

Live preview Navigation

Split Divider Line Navbar

Nav links separated by thin vertical divider lines.

#hover #shadow

Live preview Navigation

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Live preview Navigation

Pill Bounce Tabs

Pill tabs that bounce into place on active.

#hover #transform #shadow

Live preview Text

Ballet Grace

Graceful ballet pink on text.

#animation #gradient #transform

Live preview Text

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

#animation #gradient #transform

Live preview Text

Glow Pulse Text

Soft pulsing glow ring around text that breathes in and out.

#animation #glow #shadow

Live preview Text

Music Note Bounce

Bouncing musical notes over text.

#animation #transform #shadow

Live preview Text

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Live preview Text

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #shadow

Live preview Text

Bevel Shine

Beveled highlight on glossy dimensional text.

#shadow

Live preview Text

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Live preview Text

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Live preview Text

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Live preview Tooltips

Confetti Pop

Tooltip with confetti pop animation above the trigger.

#hover #gradient #transform

Live preview Tooltips

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Live preview Tooltips

Green Success

Green success tooltip with checkmark styling above the trigger.

#hover #transform #shadow

Live preview Tooltips

Light Top

Clean light tooltip with subtle shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

Live preview Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Live preview Tooltips

Status Away

Away status tooltip with yellow dot above the trigger.

#hover #transform #shadow

Live preview Tooltips

Status Online

Online status tooltip with green dot above the trigger.

#hover #transform #shadow

Live preview Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Live preview Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Live preview Toggles

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Live preview Toggles

Dense / Sparse

Dense dot texture spreads out into a sparse pattern on toggle.

#gradient #transform #shadow

Live preview Toggles

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Live preview Toggles

Solar Eclipse

Moon slides in front of the sun to create an eclipse.

#gradient #transform #shadow

Live preview Toggles

Enter / Exit

Door-enter arrow reverses to an exit sign.

#transform #shadow

Live preview Toggles

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Live preview Toggles

Jelly Wobble

Soft jelly knob wobbles with a bouncy spring animation.

#animation #gradient #transform

Live preview Toggles

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Live preview Toggles

Manual / Auto

Hand-crank knob shifts to a spinning gear for auto mode.

#animation #transform #shadow

Live preview Toggles

Plasma Bolt

Electric plasma bolt crackles between two posts when active.

#animation #gradient #transform

Live preview Toggles

Spell / Rune

Sparkle spell knob becomes a glowing rune on the indigo track.

#transform #shadow

Live preview Toggles

Staccato / Legato

Dotted track connects into a smooth legato line on toggle.

#gradient #transform #shadow

Live preview Toggles

Tree / Bare

Leafy tree sheds its canopy to a bare winter skeleton.

#gradient #transform #shadow

Live preview Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Live preview Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Live preview Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Live preview Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Live preview Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Live preview Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Popular tags