#shadow CSS effects

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

Live preview Tooltips

Green Success

Green success tooltip with checkmark styling 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

Neumorphic Top

Soft neumorphic tooltip with inset shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

OKLCH Tone Tooltip

Bubble, arrow and trigger colours are all mixed from one OKLCH hue in OKLAB.

#hover #transform #shadow

Live preview Tooltips

Pastel Soft

Soft pastel tooltip with gentle colors above the trigger.

#hover #transform #shadow

Live preview Tooltips

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Pencil Sketch

Pencil sketch style tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Pink Bubble

Pink bubble tooltip with rounded corners above the trigger.

#hover #transform #shadow

Live preview Tooltips

Powder Sky

Soft powder-blue tooltip reminiscent of a clear sky.

#hover #transform #shadow

Live preview Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Live preview Tooltips

Rich Content

Tooltip with rich multi-line content above the trigger.

#hover #transform #shadow

Live preview Tooltips

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #gradient #transform

Live preview Tooltips

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

#hover #gradient #transform

Live preview Tooltips

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Live preview Tooltips

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #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 Tooltips

Status Pill

Pill-shaped status tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Sticker Peel

Tooltip that peels up like a sticker above the trigger.

#hover #transform #shadow

Live preview Tooltips

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Live preview Tooltips

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Live preview Timelines

Drift Eras Timeline

Blunt outlined blocks hold each century over an oversized ghost numeral and shift on hover.

#brutalist #hover #shadow

Live preview Timelines

Flange Merge Timeline

A side branch flanges out of the trunk and curves straight back into the next release.

#border #shadow #branching

Live preview Timelines

Flux Funding Timeline

Soft moulded grooves carry a bead further along the track with every funding round.

#shadow #neumorphism #layout

Live preview Timelines

Lull Retro Timeline

Taped paper notes from three quiet weeks lean at odd angles and straighten under the cursor.

#hover #transform #shadow

Live preview Toggles

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Live preview Toggles

Arrive / Depart

Arrow-shaped knob slides with a motion blur filter as track turns blue.

#transform #shadow #filter

Live preview Toggles

Bubble Pop

Glassy bubble knob pops to a larger size when activated.

#gradient #transform #shadow

Live preview Toggles

Buoyant / Sinking

Buoyant knob floats then sinks beneath the water on toggle.

#gradient #transform #shadow

Live preview Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Live preview Toggles

Cat / Dog Morph

Knob slides between a cat face and a dog face with a soft pop morph.

#gradient #shadow #border

Live preview Toggles

Clear / Static

Antenna knob picks up static dots scattered across the track.

#gradient #transform #shadow

Live preview Toggles

Co-op / Versus

Cooperative dots become a versus symbol on toggle.

#transform #shadow

Live preview Toggles

Cobalt Streak

Cobalt blue streak with lightning glow.

#animation #gradient #transform

Live preview Toggles

Compact / Spacious

Tight knob expands to a wider spacious layout.

#transform #shadow

Live preview Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Live preview Toggles

Coral Pearl

Coral pink with pearlescent shimmer knob.

#gradient #transform #shadow

Live preview Toggles

Coral Reef Bloom

Vibrant coral reef with multi-color bloom.

#gradient #transform #shadow

Live preview Toggles

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Live preview Toggles

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Live preview Toggles

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Live preview Toggles

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Live preview Toggles

Current / Eddy

Flowing current knob swirls into an eddy on toggle.

#gradient #transform #shadow

Live preview Toggles

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Live preview Toggles

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Live preview Toggles

Debug / Release

Bug debug knob becomes a release rocket on the green track.

#transform #shadow

Live preview Toggles

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Live preview Toggles

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Live preview Toggles

Draft / Published

Pencil draft rolls into a published newspaper.

#transform #shadow

Live preview Toggles

Day Night Toggle

The track fades from dusk to daylight while the knob turns from moon to sun.

#gradient #transform #shadow

Live preview Toggles

Easy / Hard

Smooth path turns into a jagged difficult one.

#transform #shadow

Live preview Toggles

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow

Live preview Toggles

Solar Eclipse

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

#gradient #transform #shadow

Live preview Toggles

Eclipse Ring

Moon eclipses the sun with a glowing corona ring.

#gradient #transform #shadow

Live preview Toggles

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Live preview Toggles

Engrave / Relief

Engraved-inset knob flips to a raised relief on toggle.

#transform #shadow

Live preview Toggles

Enter / Exit

Door-enter arrow reverses to an exit sign.

#transform #shadow

Live preview Toggles

Error / Success

Red X failure morphs to a green check success.

#transform #shadow

Live preview Toggles

Fantasy / Sci-Fi

Dragon knob becomes a UFO on the cosmic track.

#transform #shadow

Live preview Toggles

Fill / Drain

Liquid fill rises inside the track as the knob floats to the right.

#transform #shadow

Live preview Toggles

Flag / Check

Red flag converts to a green check when resolved.

#transform #shadow

Live preview Toggles

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Live preview Toggles

Focused / Distracted

Target stays centered when focused, scatters when distracted.

#animation #transform #shadow

Live preview Toggles

Freeze / Thaw

Snowflake melts into a droplet as the cyan track warms to blue.

#transform #shadow

Live preview Toggles

Full / Empty

Vertical fill bar drains from full to empty as the knob drops.

#gradient #transform #shadow

Live preview Toggles

Fullscreen / Window

Expand arrows toggle to a windowed restore.

#transform #shadow

Live preview Toggles

Gem / Jewel

Raw gem knob cuts into a faceted jewel on the rose track.

#transform #shadow

Live preview Toggles

Geyser Spout

Geothermal geyser spouts water high into the air.

#gradient #transform #shadow

Live preview Toggles

Glass / Rubber

Translucent glass knob turns into opaque rubber on toggle.

#transform #shadow

Live preview Toggles

Graphite / Diamond

Dull graphite knob crystallizes into a sparkling diamond.

#gradient #transform #shadow

Live preview Toggles

Graphite Pulse

Graphite dark with pulsing inner glow.

#animation #gradient #transform

Live preview Toggles

Halo Ring

A radiant ring expands around the knob as it lights up the track.

#gradient #transform #shadow

Live preview Toggles

Harmony / Dissonance

Knob jitters with a chaotic animation when dissonance is on.

#animation #transform #shadow

Live preview Toggles

Hologram Glitch

Cyan hologram knob glitches with chromatic aberration.

#animation #gradient #transform

Live preview Toggles

Hot / Cold Drink

Hot mug transitions to an iced beverage.

#gradient #transform #shadow

Live preview Toggles

Vintage Lever Pull

Retro industrial lever that pulls down to engage with a metallic finish.

#gradient #shadow #border

Live preview Toggles

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Live preview Toggles

Mana / Rage

Blue mana knob becomes a red rage symbol on toggle.

#transform #shadow

Live preview Toggles

Manual / Auto

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

#animation #transform #shadow

Live preview Toggles

Master / Replica

Crown master knob becomes a replica of dots on toggle.

#transform #shadow

Live preview Toggles

Mint Fresh

Fresh mint green track with crisp white knob.

#gradient #transform #shadow

Live preview Toggles

On / Off Power

Power symbol lights up when the device is on.

#transform #shadow

Live preview Toggles

Plasma Bolt

Electric plasma bolt crackles between two posts when active.

#animation #gradient #transform

Live preview Toggles

Pulse / Throb

Steady knob starts throbbing with a heartbeat pulse.

#animation #transform #shadow

Live preview Toggles

Quake / Stable

Quaking knob stabilizes on the brown track when toggled.

#animation #transform #shadow

Live preview Toggles

Radar Sweep

Radial sweep rotates across the dark scope as the knob moves.

#animation #gradient #transform

Live preview Toggles

Retro Rocker Switch

Vintage panel rocker switch that tilts diagonally between ON and OFF positions.

#gradient #shadow #border

Live preview Toggles

Reverb / Dry

Knob gains a ghostly echo trail in reverb mode.

#transform #shadow

Live preview Toggles

Rhythm / Pause

Knob pulses to a rhythm while playing and freezes on pause.

#animation #transform #shadow

Live preview Toggles

Rigid / Flexible

Rigid knob wobbles elastically when toggled to flexible.

#animation #transform #shadow

Live preview Toggles

Roll / Halt

Wheel knob spins while rolling and stops dead when halted.

#animation #gradient #transform

Live preview Toggles

Seal / Open

Red wax seal breaks into a pin marker on toggle.

#transform #shadow

Live preview Toggles

Shake / Stable

Wobbly knob settles into a stable still position.

#animation #transform #shadow

Effects tagged #shadow

Popular tags