# shadow CSS effects

Live preview Toggles

Coral Blossom

Coral blossom pink with blooming gradient.

Live preview Toggles

Coral Pink

Soft coral pink with a glossy pearl knob.

Live preview Toggles

Coral Reef

Vibrant coral reef knob brings colorful reef life.

Live preview Toggles

Coral Reef Bloom

Vibrant coral reef with multi-color bloom.

Live preview Toggles

Cover / Expose

A cover panel slides upward to expose the knob on activation.

Live preview Toggles

Cram / Free

Squeezed knob expands to full width when freed from the tight track.

Live preview Toggles

Cream Vanilla

Vanilla cream soft with buttery knob.

Live preview Toggles

Crescendo / Decrescendo

Knob grows then shrinks in a breathing crescendo animation.

Live preview Toggles

Crescent Moon

Full moon morphs into a crescent against the night sky.

Live preview Toggles

CRT Screen

Vintage CRT screen flickers on with phosphor glow.

Live preview Toggles

Crystal Shard

Sharp crystal shard with faceted edge.

Live preview Toggles

Crystalline / Amorphous

Crystal-faceted knob morphs into a blobby amorphous shape.

Live preview Toggles

Cube / Sphere

Square cube knob rounds into a glossy sphere.

Live preview Toggles

Cup / Glass

Short cup stretches into a tall wine glass.

Live preview Toggles

Current / Eddy

Flowing current knob swirls into an eddy on toggle.

Live preview Toggles

Cursor Blink

Carets blink on/off to show editability.

Live preview Toggles

Cut / Merge

Scissors cut turns into linked-chain merge.

Live preview Toggles

Dagger / Saber

Dagger knob becomes a curved saber on the crimson track.

#gradient #shadow #border

Live preview Toggles

Day / Night Morph

Sky transitions from day to night with a sun morphing into a moon and stars.

Live preview Toggles

Deepen / Shallow

Knob deepens vertically then goes shallow on toggle.

Live preview Toggles

Denim Wear

Worn denim texture with stitching detail across the track.

Live preview Toggles

Deploy / Rollback

Rocket deploy knob becomes a rollback arrow on the indigo track.

Live preview Toggles

Design / Code

Palette swaps to code brackets for developer mode.

Live preview Toggles

Dev / Live

Dev laptop knob becomes a live globe on the blue track.

Live preview Toggles

Dew Drop

Morning dew drop hangs from the leaf and falls when disturbed.

Live preview Toggles

Tuning Dial

Radio tuning dial rotates with frequency marks as it slides.

Live preview Toggles

Diamond / Oval

Diamond knob stretches into a horizontal oval.

Live preview Toggles

Diamond Shine

Faceted diamond knob sparkles with brilliant reflections.

Live preview Toggles

Digital / Analog

Pixel knob becomes an analog needle on the cyan track.

Live preview Toggles

Discover / Return

Magnifier knob scans left-to-right with a teal track backdrop.

Live preview Toggles

Disguise / True

Disguise mustache knob reveals a true face on toggle.

#transform #shadow #filter

Live preview Toggles

Dissolve / Crystallize

Knob dissolves into blur then crystallizes into facets.

Live preview Toggles

Distort / Clean

Hue-rotate and contrast filter distort the knob visuals.

Live preview Toggles

DNA Helix

Double helix unzips and rezips into a strand.

Live preview Toggles

Dock / Launch

Ship knob gives way to a wave as the navy track brightens.

Live preview Toggles

Drift / Anchor

Wave emoji swaps to an anchor when the knob settles on the right.

Live preview Toggles

Day Night Toggle

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

Live preview Toggles

Echo / Silent

Echo knob fades into silence with trailing ghost copies.

Live preview Toggles

Edge / Core

Edge square knob becomes a core circle on the violet track.

Live preview Toggles

Edit / Preview

Pencil switches to an eye when entering preview mode.

Live preview Toggles

Elongate / Shorten

Knob elongates horizontally then shortens on toggle.

Live preview Toggles

Ember Fade

Glowing ember slowly dims to ash as the toggle turns off.

Live preview Toggles

Ember Glow

Smoldering ember knob pulses with a warm orange glow.

Live preview Toggles

Emerald Pool

Emerald pool water with deep reflective knob.

Live preview Toggles

Emerald Spark

Emerald green track with sparkly facet knob.

Live preview Toggles

Enabled / Disabled

Checkmark switches to a cross when disabled.

Live preview Toggles

Enamel Gloss

Glossy vitreous enamel with deep colored glass finish.

Live preview Toggles

Encrypt / Decrypt

Locked padlock knob unlocks on the emerald track.

Live preview Toggles

Erase / Program

Erase sponge knob becomes a programmed disk on toggle.

Live preview Toggles

Erupt / Dormant

Erupting volcano knob goes dormant on the crimson track.

Live preview Toggles

Expand / Contract

Knob expands wide then contracts narrow on toggle.

Live preview Toggles

Explode / Collapse

Particles scatter outward then collapse back to center.

Live preview Toggles

Explore / Settle

Compass knob spins while exploring and halts when settling.

Live preview Toggles

Fade / Cut

Knob fades smoothly versus hard cut on the violet track.

Live preview Toggles

Fast / Slow

Speed lines streak fast then settle to a slow crawl.

Live preview Toggles

Faux Fur

Soft faux fur texture with subtle fuzz across the track.

Live preview Toggles

Favorite / Bookmark

Heart favorite swaps to a corner bookmark ribbon.

Live preview Toggles

Feather / Plated

Soft feather knob hardens into chrome plating on toggle.

Live preview Toggles

Feather / Wing

Single feather unfurls into a flapping wing.

Live preview Toggles

Felt Press

Pressed felt material with smooth matte finish.

Live preview Toggles

Fetch / Store

Fetch dog knob becomes a storefront on the amber track.

#gradient #shadow #border

Live preview Toggles

Fire / Ice Orb

Glowing orb slides across a dual-tone track, morphing from fire to ice.

Live preview Toggles

Firewall / Open

Brick firewall knob becomes an open door on the red track.

Live preview Toggles

Fish / Bird

Fish swims through water then takes flight as a bird.

#gradient #shadow #border

Live preview Toggles

Flashlight Beam

A flashlight body glows and a yellow beam shoots downward when turned on.

Live preview Toggles

Flask / Beaker

Erlenmeyer flask bubbles into a graduated beaker.

Live preview Toggles

Flat / Embossed

Flat knob pops into an embossed 3D relief on toggle.

Live preview Toggles

3D Flip Switch

Knob flips in 3D space revealing an ON/OFF face as it travels across.

#3d #shadow #border

Live preview Toggles

Float / Sink

Knob bobs gently on a water-gradient track when floating.

Live preview Toggles

Flower Bloom

Bud swells and blooms into a full flower.

Live preview Toggles

Flush / Fill

Flush knob becomes a fill tap on the blue track.

Live preview Toggles

Flutter / Rest

Fluttering heart knob rests steady on the pink track.

Live preview Toggles

Fly / Land

Airplane knob becomes a landing plane on the sky track.

Live preview Toggles

Focus Ring

Lens focus ring rotates with depth marks as it slides.

Live preview Toggles

Fog / Clear

Misty fog peels back to reveal a clear bright sky.

Live preview Toggles

Foil / Plain

Shiny foil knob becomes a plain matte circle on toggle.

#shadow #border #transform

Live preview Toggles

Follow / Unfollow Heart

A gray heart pulses red and scales up with a glow when you follow.

Live preview Toggles

Follow / Block

Follow plus turns into a block no-entry sign.

Live preview Toggles

Format / Wipe

Format pencil knob becomes a wiped dynamite on toggle.

Live preview Toggles

Forte / Piano

Loud 'f' mark softens to quiet 'p' on the slate track.

Live preview Toggles

Forward / Backward

Fast-forward icon reverses into rewind.

Live preview Toggles

Fresh / Rotten

Fresh apple spoils into a rotten brown one.

Live preview Toggles

Friend / Foe

Smiley friend knob becomes an angry foe on toggle.

Live preview Toggles

Frost Shard

Icy crystalline shard forms on the knob when frozen.

Live preview Toggles

Frostbite Blue

Icy frostbite blue with frozen crystal knob.

Live preview Toggles

Fuchsia Bloom

Vivid fuchsia bloom with bright pink knob.

Live preview Toggles

Fur / Scaled

Furry knob transforms into a scaled pattern on toggle.

Live preview Toggles

Galaxy Spin

Spiral galaxy core rotates with cosmic arms.

Live preview Toggles

Galaxy Spiral

Spiral galaxy arms rotate as the cosmos spins up.

Live preview Toggles

Garnet Deep

Deep garnet red with wine-dark intensity.

Live preview Toggles

Garnet / Zircon

Dark red garnet knob lightens to a sparkling zircon teal.

Live preview Toggles

Gear Shift

Cogwheel knob rotates and shifts along a notched metallic track.

Live preview Toggles

Ghost / Fade

Solid knob becomes a translucent ghostly figure.

Live preview Toggles

Glide / Hover

Gliding knob hovers in place on the violet track.

Live preview Toggles

Glissando / Step

Smooth glissando slide vs a stepped staircase knob motion.