#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

Glassmorphism Blue

A frosted glass effect with blue tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glassmorphism Violet

A frosted glass effect with violet tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glow on Check

A simple box that emits a colorful glow halo when toggled on.

#glow #shadow #border

Live preview Checkboxes

Soft Glow Amber

A subtle amber soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Cyan

A subtle soft glow checkbox with cyan background fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Lime

A subtle lime soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Pink

A subtle pink soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Rose

A subtle rose soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Violet

A subtle violet soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Gnat Toggle

A gnat flips gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Godwit Toggle

A godwit flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Goji Berry Toggle

A goji berry slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Goldeneye Toggle

A goldeneye bounces yellow on check.

#animation #transform #shadow

Live preview Checkboxes

Goldfinch Toggle

A goldfinch shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Golf Flag Toggle

A golf flag pulses green when checked.

#animation #transform #shadow

Live preview Checkboxes

Goose Toggle

A goose slides in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Gooseberry Toggle

A gooseberry bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Goshawk Toggle

A goshawk spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Grape Bunch Toggle

A grape bunch glows purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Green Grape Toggle

Green grapes bounce pop on check.

#animation #transform #shadow

Live preview Checkboxes

Purple Grape Toggle

Purple grapes flip in when checked.

#transform #shadow #filter

Live preview Checkboxes

Red Grape Toggle

Red grapes shake when checked.

#animation #transform #shadow

Live preview Checkboxes

Grapefruit Toggle

A grapefruit spins pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Grasshopper Leap Toggle

A grasshopper leaps with a green glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Grebe Toggle

A grebe pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Green Apple Tart Toggle

A green apple glows tart green when checked.

#transform #shadow #filter

Live preview Checkboxes

Green Tea Toggle

A green tea flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Grosbeak Toggle

A grosbeak flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Guava Toggle

A guava fades in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Guitar Strum Toggle

A guitar glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Gull Toggle

A gull fades in white when checked.

#transform #shadow #filter

Live preview Checkboxes

Gymnastics Toggle

A gymnast pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Hammer Hit Toggle

A hammer shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Hamster Wheel Toggle

A hamster spins with an orange glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Handball Toggle

A handball rotates orange on check.

#transform #shadow #filter

Live preview Checkboxes

Harrier Toggle

A harrier glows gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Has-Selector Option Row

The :has() selector lets the checked input restyle its entire surrounding card.

#border #shadow #transform

Live preview Checkboxes

Hawk Toggle

A hawk rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Headphone Listen Toggle

Headphones glow purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Heart Favorite Toggle

A heart icon that fills with a red gradient and pulses when favorited.

#animation #shadow #transform

Live preview Checkboxes

Hedgehog Prickle Toggle

A hedgehog glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Helicopter Toggle

A helicopter spins in gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Hematite Metallic Stone

A silver metallic hematite stone reflects light when checked.

#gradient #shadow #border

Live preview Checkboxes

Heron Toggle

A heron flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Hexagon Fill

A hexagon outline that fills with an amber gradient and reveals a checkmark when checked.

#gradient #shadow #border

Live preview Checkboxes

Hibiscus Bloom Toggle

A hibiscus blooms red when checked.

#transform #shadow #filter

Live preview Checkboxes

Hiking Boot Toggle

A hiking boot slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Hockey Toggle

A hockey stick flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Hojicha Toggle

A hojicha flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Honey Drip Toggle

A honey jar glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Honeybee Toggle

A honeybee slides in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Honeydew Toggle

A honeydew rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Horchata Toggle

A horchata shakes amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Hornet Toggle

A hornet fades in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Horoscope Star Card

A star card glows with mystical energy when checked.

#gradient #transform #shadow

Live preview Checkboxes

Horsefly Toggle

A horsefly pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Hospital Toggle

A hospital pulses red cross when checked.

#animation #transform #shadow

Live preview Checkboxes

Hot Dog Toggle

A hot dog bounces with a ketchup glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Hotel Toggle

A hotel glows in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Hourglass Time Toggle

An hourglass glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

House Toggle

A cozy house fades in amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Hurdles Toggle

A hurdler slides in orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Ibis Toggle

An ibis bounces pink on check.

#animation #transform #shadow

Live preview Checkboxes

Ice Cream Melt Toggle

An ice cream cone pops with a pastel glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Ink Splat Checkbox

A drop of ink bursts out of the box and settles into a filled square when ticked.

#animation #transform #border

Live preview Checkboxes

Irish Coffee Toggle

An irish coffee spins brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Ivory Tusk Toggle

A pale ivory disc gains a warm creamy glow when checked.

#gradient #shadow #border

Live preview Checkboxes

Jackfruit Toggle

A jackfruit spins yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Jade Stone Toggle

A smooth green jade stone reveals its luster when checked.

#gradient #shadow #border

Live preview Checkboxes

Jaeger Toggle

A jaeger shakes black when checked.

#animation #transform #shadow

Live preview Checkboxes

Japanese Beetle Toggle

A japanese beetle pulses green when checked.

#animation #transform #shadow

Live preview Checkboxes

Javelin Throw Toggle

A javelin flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Jay Toggle

A jay slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Joystick Play Toggle

A joystick glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Juice Box Toggle

A juice box flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Junco Toggle

A junco spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

June Bug Toggle

A june bug spins green when checked.

#animation #transform #shadow

Live preview Checkboxes

Kangaroo Hop Toggle

A kangaroo hops with a tan glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Karate Toggle

A karate gi glows yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Kayak Toggle

A kayak rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Kefir Toggle

A kefir rotates white on check.

#transform #shadow #filter

Live preview Checkboxes

Key Lock Toggle

A key glows gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Keyboard Type Toggle

A keyboard glows gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Kite Bird Toggle

A kite pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Kiwi Toggle

A kiwi glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Knot Bird Toggle

A knot flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Koala Sleep Toggle

A koala glows with a blue-gray hue when checked.

#animation #transform #shadow

Live preview Checkboxes

Kombucha Toggle

A kombucha glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Kumquat Toggle

A kumquat flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Lacewing Toggle

A lacewing glows green when checked.

#transform #shadow #filter

Live preview Checkboxes

Lacrosse Toggle

A lacrosse stick bounces orange on check.

#animation #transform #shadow

Live preview Checkboxes

Ladybug Spot Toggle

A ladybug pops with a red glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Lapis Lazuli Stone

Deep blue lapis lazuli with golden flecks shimmers when checked.

#gradient #shadow #border

Live preview Checkboxes

Lark Toggle

A lark fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Lassi Toggle

A lassi bounces yellow on check.

#animation #transform #shadow

Live preview Checkboxes

Latte Toggle

A latte spins amber when checked.

#animation #transform #shadow

Popular tags