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

Arrow Shape Toggle

A right arrow that fills green when checked.

#shadow #filter

Live preview Checkboxes

Circle Shape Toggle

A circle outline that fills with cyan when checked.

#shadow #border

Live preview Checkboxes

Crescent Shape Toggle

A crescent moon shape that lights up amber when checked.

#shadow #glow

Live preview Checkboxes

Cross Shape Toggle

A plus-shaped cross that fills red when checked.

#shadow #filter

Live preview Checkboxes

Cube Shape Toggle

A 3D cube outline that fills indigo when checked.

#transform #shadow #border

Live preview Checkboxes

Diamond Shape Toggle

A diamond shape that fills violet when checked.

#transform #shadow #border

Live preview Checkboxes

Heart Shape Toggle

A heart shape that fills red when checked.

#shadow #filter

Live preview Checkboxes

Hexagon Shape Toggle

A hexagon that fills pink when checked.

#shadow #filter

Live preview Checkboxes

Octagon Shape Toggle

An octagon that fills teal when checked.

#shadow #filter

Live preview Checkboxes

Pentagon Shape Toggle

A pentagon that fills blue when checked.

#shadow #filter

Live preview Checkboxes

Ring Shape Toggle

A ring (donut) shape that lights up teal when checked.

#shadow #glow

Live preview Checkboxes

Square Shape Toggle

A square outline that fills with amber when checked.

#shadow #border

Live preview Checkboxes

Star Shape Toggle

A 5-point star that fills gold when checked.

#shadow #filter

Live preview Checkboxes

Trapezoid Shape Toggle

A trapezoid that fills rose when checked.

#shadow #filter

Live preview Checkboxes

Triangle Shape Toggle

A triangle outline that fills green when checked.

#shadow #border #filter

Live preview Checkboxes

Sharp Symbol Toggle

A sharp music symbol pops in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Shell Beach Toggle

A shell glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Shieldbug Toggle

A shieldbug glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Shot Put Toggle

A shot put shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Shrike Toggle

A shrike pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Shinto Shrine Toggle

A Shinto shrine glows amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Siskin Toggle

A siskin flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Ice Skating Toggle

An ice skate slides in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Skiing Toggle

Skis flip blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Skimmer Toggle

A skimmer fades in black when checked.

#transform #shadow #filter

Live preview Checkboxes

Snail Slow Toggle

A snail inches with a green glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Snake Slither Toggle

A snake slithers with a green glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Snipe Toggle

A snipe glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Snowboard Toggle

A snowboard bounces cyan on check.

#animation #transform #shadow

Live preview Checkboxes

Snowflake Chill Toggle

A snowflake spins with an icy glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Soccer Ball Toggle

A soccer ball glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Soda Pop Toggle

A soda cup rotates cyan on check.

#transform #shadow #filter

Live preview Checkboxes

Soursop Toggle

A soursop flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Spaceship Toggle

A flying saucer hovers in violet when checked.

#animation #transform #shadow

Live preview Checkboxes

Sparrow Toggle

A sparrow rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Spider Crawl Toggle

A spider crawls with a dark glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Sprout Grow Toggle

A sprout brightens green when checked.

#transform #shadow #filter

Live preview Checkboxes

Squash Toggle

A squash racket shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Stag Beetle Toggle

A stag beetle bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Star Rating Toggle

A star icon that fills with gold and spins slightly when toggled on.

#shadow #transform #filter

Live preview Checkboxes

Stardust Trail Toggle

A trail of golden stardust sparkles around the box when checked.

#animation #gradient #transform

Live preview Checkboxes

Starfruit Toggle

A starfruit pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Starling Toggle

A starling flips purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Shooting Star Toggle

A shooting star streaks when checked.

#transform #shadow #filter

Live preview Checkboxes

Stickbug Toggle

A stickbug flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Stinkbug Toggle

A stinkbug fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Stopwatch Time Toggle

A stopwatch glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Stork Toggle

A stork fades in white when checked.

#transform #shadow #filter

Live preview Checkboxes

Strawberry Sweet Toggle

A strawberry glows red and sweet when checked.

#animation #transform #shadow

Live preview Checkboxes

Submarine Toggle

A submarine surfaces in indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Sudachi Toggle

A sudachi fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Sunflower Sunny Toggle

A sunflower glows golden when checked.

#transform #shadow #filter

Live preview Checkboxes

Sunrise Dawn Toggle

A sunrise glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Supernova Burst Toggle

A star bursts outward with radial particles when checked.

#animation #transform #shadow

Live preview Checkboxes

Swallow Toggle

A swallow bounces blue on check.

#animation #transform #shadow

Live preview Checkboxes

Swan Toggle

A swan shakes white when checked.

#animation #transform #shadow

Live preview Checkboxes

Swift Toggle

A swift slides in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Swimming Toggle

A swimmer flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Alpha Symbol Toggle

The Greek alpha letter slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Beta Symbol Toggle

The Greek beta letter scales up orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Bitcoin Symbol Toggle

A bitcoin sign fades amber when checked.

#shadow #filter

Live preview Checkboxes

Dollar Symbol Toggle

A dollar sign slides in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Euro Symbol Toggle

A euro sign scales blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Pound Symbol Toggle

A pound sign rotates violet when checked.

#transform #shadow #filter

Live preview Checkboxes

Ruble Symbol Toggle

A ruble sign rotates rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Rupee Symbol Toggle

A rupee sign slides in orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Won Symbol Toggle

A won sign scales cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Yen Symbol Toggle

A yen sign fades in red when checked.

#shadow #filter

Live preview Checkboxes

Yuan Symbol Toggle

A yuan sign scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Delta Symbol Toggle

The Greek delta triangle turns green when checked.

#transform #shadow #filter

Live preview Checkboxes

Divide Symbol Toggle

A divide symbol that fades in cyan when checked.

#shadow #filter

Live preview Checkboxes

Equals Symbol Toggle

An equals symbol that scales violet when checked.

#transform #shadow #filter

Live preview Checkboxes

Gamma Symbol Toggle

The Greek gamma letter rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Infinity Symbol Toggle

An infinity symbol fades in violet when checked.

#shadow #filter

Live preview Checkboxes

Integral Symbol Toggle

An integral symbol slides up rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Lambda Symbol Toggle

The Greek lambda letter slides up indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Multiply Symbol Toggle

A multiply symbol that rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Percent Symbol Toggle

A percent symbol that pops pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Phi Symbol Toggle

The Greek phi letter rotates teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Pi Symbol Toggle

A pi symbol rotates blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Sigma Symbol Toggle

The Greek sigma letter scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Square Root Symbol Toggle

A square root symbol slides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Sum Symbol Toggle

A summation symbol that scales amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Synagogue Toggle

A synagogue glows softly blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Taco Tuesday Toggle

A taco spins and glows golden when checked.

#transform #shadow #filter

Live preview Checkboxes

Tangerine Toggle

A tangerine shakes orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Tarantula Toggle

A tarantula shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Taxi Toggle

A yellow taxi bounces in when checked.

#animation #transform #shadow

Live preview Checkboxes

Tea Steep Toggle

A tea cup glows green when steeped and ready.

#transform #shadow #filter

Live preview Checkboxes

Telescope View Toggle

A telescope glows indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Temple Toggle

A Hindu temple glows orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Tennis Ball Toggle

A tennis ball shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Tent Camp Toggle

A camping tent pops in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Tequila Toggle

A tequila slides in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Termite Toggle

A termite pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Tern Toggle

A tern pulses gray when checked.

#animation #transform #shadow

Effects tagged #shadow

Popular tags