#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 Toggles

Tiny / Huge

Speck grows enormous with a satisfying pop.

#transform #shadow

Live preview Toggles

Titanium / Chrome

Dark titanium knob polishes to a mirror chrome finish.

#gradient #transform #shadow

Live preview Toggles

Titanium Forged

Forged titanium with hardened steel knob.

#gradient #transform #shadow

Live preview Toggles

Tom / Cymbal

Tom drum knob becomes a sparkling cymbal on the teal track.

#transform #shadow

Live preview Toggles

Tone / Dead

Sound tone knob becomes a skull when the tone goes dead.

#transform #shadow

Live preview Toggles

Topaz Sun

Golden topaz with sun-yellow glow.

#gradient #transform #shadow

Live preview Toggles

Torch Flame

Torch flame flickers to life when the toggle ignites.

#animation #gradient #transform

Live preview Toggles

Torch / Lantern

Flickering torch knob becomes a steady lantern on toggle.

#animation #transform #shadow

Live preview Toggles

Tornado Spin

Tornado icon spins up when the storm toggle activates.

#animation #transform #shadow

Live preview Toggles

Tourmaline Stripe

Tourmaline watermelon stripe with pink-green knob.

#gradient #transform #shadow

Live preview Toggles

Traffic Light Toggle

A horizontal traffic light slider where the knob moves from red stop to green go.

#gradient #shadow #border

Live preview Toggles

Train / Bus

Rail train switches to a road bus route.

#transform #shadow

Live preview Toggles

Trap / Free

Mousetrap knob releases a tiny mouse when toggled on.

#transform #shadow

Live preview Toggles

Trash / Restore

Trash can flips to a restore-from-bin arrow.

#transform #shadow

Live preview Toggles

Treble / Bass Clef

Treble clef knob drops to a bass clef on the violet track.

#transform #shadow

Live preview Toggles

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

#animation #transform #shadow

Live preview Toggles

Tremor / Calm

Tremoring knob calms down on the violet track.

#animation #transform #shadow

Live preview Toggles

Triangle / Hexagon

Knob shifts shape from triangle to hexagon via clip-path.

#transform #shadow

Live preview Toggles

Tube Amp

Vacuum tube glows warm orange when the amp powers up.

#gradient #transform #shadow

Live preview Toggles

Tune / Mute

Musical note knob becomes a mute speaker on the indigo track.

#transform #shadow

Live preview Toggles

Turbine Spin

Power turbine blades spin to generate energy.

#animation #gradient #transform

Live preview Toggles

Turbo / Eco

Rocket turbo mode shifts to a leafy eco mode.

#transform #shadow

Live preview Toggles

Turquoise Tide

Turquoise tide with rippling wave knob.

#gradient #transform #shadow

Live preview Toggles

Turtle / Cheetah

Plodding turtle accelerates into a streaking cheetah.

#transform #shadow

Live preview Toggles

Twist / Flip

Knob twists 180° on a 3D flip when toggled.

#transform #shadow

Live preview Toggles

UFO Abduct

UFO descends with a tractor beam to abduct.

#gradient #transform #shadow

Live preview Toggles

Undercover / Exposed

Sunglasses knob becomes an eye when the cover is blown.

#transform #shadow

Live preview Toggles

Undo / Redo

Curved undo arrow flips direction into redo.

#transform #shadow

Live preview Toggles

Up / Down

Up arrow rotates 180 degrees to point down.

#transform #shadow

Live preview Toggles

UV Glow

Blacklight UV glow makes the knob fluoresce in the dark.

#gradient #transform #shadow

Live preview Toggles

Veil / Reveal

Translucent knob fades into full opacity as the foggy track clears.

#transform #shadow

Live preview Toggles

Velour Soft

Plush velour texture with deep pile soft surface.

#gradient #transform #shadow

Live preview Toggles

Velvet Drape

Soft velvet texture drapes across the luxurious track.

#gradient #transform #shadow

Live preview Toggles

Velvet / Linen

Velvet knob transitions to a woven linen texture on toggle.

#gradient #transform #shadow

Live preview Toggles

Verdant Leaf

Verdant green leaf with nature tone knob.

#gradient #transform #shadow

Live preview Toggles

Verse / Refrain

Book knob becomes a repeat sign on the amber track.

#transform #shadow

Live preview Toggles

Vibrate / Still

Vibrating phone settles to still silence.

#animation #transform #shadow

Live preview Toggles

Vibrato / Straight

Knob wobbles side-to-side with vibrato, settles straight on toggle.

#animation #transform #shadow

Live preview Toggles

Vine Grow

Green vine curls across the track as it grows toward the knob.

#gradient #transform #shadow

Live preview Toggles

Vintage Radio Dial

Vintage radio dial knob rotates to tune the frequency.

#gradient #transform #shadow

Live preview Toggles

Vinyl / Cassette

Spinning vinyl record becomes a retro cassette.

#animation #transform #shadow

Live preview Toggles

Vinyl / Stream

Vinyl record knob becomes a streaming phone on the dark track.

#animation #transform #shadow

Live preview Toggles

Violet Storm

Dark violet storm clouds with electric purple knob.

#gradient #transform #shadow

Live preview Toggles

Violet Twilight

Twilight violet with dusk purple knob.

#gradient #transform #shadow

Live preview Toggles

Virtual / Bare

Virtual monitor knob becomes a bare server on the dark track.

#transform #shadow

Live preview Toggles

Virtual / Physical

VR headset knob becomes a real-world hand on toggle.

#transform #shadow

Live preview Toggles

Visible / Hidden

Eye opens to reveal content or closes to hide it.

#transform #shadow

Live preview Toggles

Volcano Erupt

Volcano crater erupts spewing lava and sparks.

#animation #gradient #transform

Live preview Toggles

Vortex / Calm

Spinning vortex knob calms to a steady dot on toggle.

#animation #gradient #transform

Live preview Toggles

Vortex Spin

Spiraling vortex pulls the knob into a swirling center.

#animation #gradient #transform

Live preview Toggles

VPN / LAN

Shield VPN knob becomes a house LAN on the green track.

#transform #shadow

Live preview Toggles

Wand / Staff

Magic wand knob becomes a powerful staff on the violet track.

#transform #shadow

Live preview Toggles

Wander / Rest

Footsteps emoji morphs into a resting bed as the knob parks.

#transform #shadow

Live preview Toggles

Warm / Bright Tone

Track color temperature shifts from warm amber to cool cyan.

#gradient #transform #shadow

Live preview Toggles

Warm / Cool Thermostat

Thermometer knob glides between warm amber and cool blue.

#gradient #transform #shadow

Live preview Toggles

Watch / Interact

Passive eye becomes an active pointer hand.

#transform #shadow

Live preview Toggles

Wave / Ripple

Knob sends out concentric ripple waves.

#animation #transform #shadow

Live preview Toggles

Wave / Tide

Wave knob swells into a high tide on the blue track.

#transform #shadow

Live preview Toggles

Weekend / Weekday

Party weekend swaps to a focused weekday briefcase.

#transform #shadow

Live preview Toggles

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Live preview Toggles

Whirl / Still

Whirling knob stops still on the rose track when toggled.

#animation #gradient #transform

Live preview Toggles

Widen / Narrow

Knob widens out then narrows on the blue track.

#transform #shadow

Live preview Toggles

Win / Lose

Trophy gleams for a win, broken for a loss.

#gradient #transform #shadow

Live preview Toggles

Win / Lose RNG

Trophy knob becomes a loss X with a roll-the-dice feel.

#animation #transform #shadow

Live preview Toggles

Windy / Calm

Wind lines flow across the track then settle into stillness.

#animation #transform #shadow

Live preview Toggles

Winter / Spring

Cold snowflake melts into a fresh spring sprout.

#gradient #transform #shadow

Live preview Toggles

Wood / Stone

Wood-grain knob turns to a stone texture on toggle.

#gradient #transform #shadow

Live preview Toggles

Wool / Cotton

Wool knob becomes a fluffy cotton ball on the cream track.

#transform #shadow

Live preview Toggles

Wrap / Unwrap

Gift box emoji unwraps into an empty box when toggled.

#transform #shadow

Live preview Toggles

XP / Gold

XP star knob becomes a gold coin on the amber track.

#transform #shadow

Live preview Toggles

X-Ray Vision

Skeleton pattern reveals through the track when x-rayed.

#animation #gradient #transform

Live preview Toggles

Zen Rocks

Smooth pebbles raked in a sand garden shift position.

#gradient #transform #shadow

Live preview Toggles

Zephyr Breeze

Soft pastel breeze lines flow across the airy track.

#animation #gradient #transform

Live preview Toggles

Zircon Spark

Zircon crystal with diamond-bright spark.

#animation #gradient #transform

Live preview Toggles

Zoom In / Out

Magnifier grows to zoom in or shrinks to zoom out.

#transform #shadow

Live preview Toggles

Zoom Lens

Camera lens zooms in with aperture ring adjusting.

#gradient #transform #shadow

Popular tags