#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

Neon Cyan Checkmark

A neon-glowing cyan checkmark with electric shadow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Lime Checkmark

A lime green neon checkmark with bright glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Orange Checkmark

An orange neon checkmark with warm glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Pink Checkmark

A hot pink neon checkmark with electric glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Red Checkmark

A red neon checkmark with fiery glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Teal Checkmark

A teal neon checkmark with cool glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon Tube Checkbox

A dead glass tube stutters twice and then settles into a steady neon glow.

#animation #shadow #border

Live preview Checkboxes

Neon Violet Checkmark

A violet neon checkmark with electric purple glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Neon White Checkmark

A pure white neon checkmark with icy glow when toggled on.

#transform #shadow #border

Live preview Checkboxes

Night Sky Toggle

A night sky glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Music Note Bounce

A music note emoji bounces in rhythm with a purple glow when checked.

#animation #shadow #transform

Live preview Checkboxes

Number 0 Toggle

Number 0 slides in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 2 Toggle

Number 2 rotates violet when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 3 Toggle

Number 3 fades in pink when checked.

#shadow #filter

Live preview Checkboxes

Number 4 Toggle

Number 4 scales up amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 5 Toggle

Number 5 rotates lime when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 6 Toggle

Number 6 fades in teal when checked.

#shadow #filter

Live preview Checkboxes

Number 7 Toggle

Number 7 slides up emerald when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 8 Toggle

Number 8 bounces in rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Number 9 Toggle

Number 9 slides in indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Nuthatch Toggle

A nuthatch spins blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Obsidian Volcanic Glass

A glossy black obsidian shard reflects light when checked.

#gradient #transform #shadow

Live preview Checkboxes

Ocean Wave Toggle

An ocean wave glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Octopus Ink Toggle

An octopus wiggles with a magenta glow when checked.

#animation #transform #shadow

Live preview Checkboxes

OKLCH Mint Checkbox

Hover, checked and focus shades are all mixed from one OKLCH base in OKLAB space.

#hover #border #shadow

Live preview Checkboxes

OKLCH Ramp Checkbox

Rest, hover, checked and ring shades are one OKLCH hue mixed at four steps.

#hover #border #shadow

Live preview Checkboxes

Onyx Black Stone

A polished black onyx stone with a glossy highlight when checked.

#gradient #shadow #border

Live preview Checkboxes

Oolong Tea Toggle

An oolong rotates amber on check.

#transform #shadow #filter

Live preview Checkboxes

Opal Multi-Color Toggle

A multi-colored opal shifts through iridescent hues when checked.

#animation #gradient #transform

Live preview Checkboxes

Orange Citrus Toggle

An orange spins with an orange glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Oriole Toggle

An oriole pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Osprey Toggle

An osprey flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Otter Float Toggle

An otter floats with a blue glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Owl Hoot Toggle

An owl glows with a moonlit hue when checked.

#animation #transform #shadow

Live preview Checkboxes

Oystercatcher Toggle

An oystercatcher fades in black when checked.

#transform #shadow #filter

Live preview Checkboxes

Pagoda Toggle

A Japanese pagoda rotates red when checked.

#transform #shadow #filter

Live preview Checkboxes

Palm Tropical Toggle

A palm tree sways green when checked.

#animation #transform #shadow

Live preview Checkboxes

Panda Bamboo Toggle

A panda brightens with a soft glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Papaya Toggle

A papaya flips on Y axis when checked.

#transform #shadow #filter

Live preview Checkboxes

Parrot Squawk Toggle

A parrot glows with a rainbow hue when checked.

#animation #transform #shadow

Live preview Checkboxes

Passion Fruit Toggle

A passion fruit rotates purple on check.

#transform #shadow #filter

Live preview Checkboxes

Checkerboard Pattern Toggle

A checkerboard pattern in violet when checked.

#gradient #transform #shadow

Live preview Checkboxes

Confetti Pattern Toggle

A colorful confetti pattern when checked.

#gradient #transform #shadow

Live preview Checkboxes

Cross Pattern Toggle

A cross-hatch pattern fills with indigo when checked.

#gradient #transform #shadow

Live preview Checkboxes

Dots Pattern Toggle

Polka dot pattern fills with pink when checked.

#gradient #transform #shadow

Live preview Checkboxes

Grid Pattern Toggle

A grid pattern fills with cyan when checked.

#gradient #transform #shadow

Live preview Checkboxes

Maze Pattern Toggle

A maze-like pattern fills with green when checked.

#gradient #transform #shadow

Live preview Checkboxes

Mesh Pattern Toggle

A mesh pattern fills with rose when checked.

#gradient #transform #shadow

Live preview Checkboxes

Stripes Pattern Toggle

Diagonal stripes fill with amber when checked.

#gradient #transform #shadow

Live preview Checkboxes

Wave Pattern Toggle

A wave pattern fills with blue when checked.

#gradient #transform #shadow

Live preview Checkboxes

Zigzag Pattern Toggle

A zigzag pattern fills with teal when checked.

#gradient #transform #shadow

Live preview Checkboxes

Peach Soft Toggle

A peach glows soft pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Peacock Toggle

A peacock flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Pear Fresh Toggle

A pear brightens green when checked.

#transform #shadow #filter

Live preview Checkboxes

Pearl Luster Toggle

A glowing pearl develops a soft iridescent sheen when checked.

#gradient #transform #shadow

Live preview Checkboxes

Pelican Toggle

A pelican glows white when checked.

#transform #shadow #filter

Live preview Checkboxes

Pen Sign Toggle

A pen glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Pencil Write Toggle

A pencil wiggles yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Penguin Waddle Toggle

A penguin waddles with an icy glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pepper Spice Toggle

A hot pepper flames red when checked.

#animation #transform #shadow

Live preview Checkboxes

Persimmon Toggle

A persimmon flips orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Petrel Toggle

A petrel rotates gray on check.

#transform #shadow #filter

Live preview Checkboxes

Pheasant Toggle

A pheasant flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Phoebe Toggle

A phoebe bounces gray on check.

#animation #transform #shadow

Live preview Checkboxes

Phone Call Toggle

A phone shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Piano Play Toggle

A piano glows white when checked.

#transform #shadow #filter

Live preview Checkboxes

Pie Slice Toggle

A pie slice glows with a berry hue when checked.

#transform #shadow #filter

Live preview Checkboxes

Pig Oink Toggle

A pig glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Pin Mark Toggle

A pin glows red when checked.

#transform #shadow #filter

Live preview Checkboxes

Push Pin Checkbox

A pin head presses down into the surface and leaves a dented ring around it.

#gradient #shadow #transform

Live preview Checkboxes

Pina Colada Toggle

A pina colada shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pineapple Tropical Toggle

A pineapple spins with a sunny glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Ping Pong Toggle

A ping pong paddle fades in orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Pintail Toggle

A pintail shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Pipit Toggle

A pipit slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Pixel Diamond Check

An 8-bit pixel diamond that shimmers cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Pizza Order Toggle

A dim pizza emoji fills with warm color and rotates upright when ordered.

#shadow #transform #filter

Live preview Checkboxes

Planet Orbit Toggle

A planet spins with a purple glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Plover Toggle

A plover spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Plug Connect Checkbox

A two-pin plug slides into the socket and the contact lamp turns green.

#gradient #shadow #transform

Live preview Checkboxes

Police Car Toggle

A police car flashes blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Polo Toggle

A polo player flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Pomegranate Toggle

A pomegranate rotates red on check.

#transform #shadow #filter

Live preview Checkboxes

Pomelo Toggle

A pomelo pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pool Toggle

A pool ball pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Popcorn Pop Toggle

A popcorn box pops with a buttery glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Post Office Toggle

A post office slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Powderpost Beetle Toggle

A powderpost fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Praying Mantis Toggle

A praying mantis shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Pretzel Twist Toggle

A pretzel twists with a golden glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Prune Toggle

A prune rotates purple on check.

#transform #shadow #filter

Live preview Checkboxes

Pu-erh Tea Toggle

A pu-erh slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Puffin Toggle

A puffin pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Punch Toggle

A punch fades in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Pyrite Fool's Gold

A metallic gold pyrite cube shines brightly when checked.

#gradient #transform #shadow

Live preview Checkboxes

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

#animation #gradient #transform

Popular tags