#animation CSS effects

3,495 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Checkboxes

Medal Spin Reveal

A medal emoji spins 360 degrees on its Y-axis and shines when awarded.

#animation #3d #shadow

Live preview Checkboxes

Mercury Cratered Planet

A small gray cratered Mercury rotates into view when checked.

#animation #gradient #transform

Live preview Checkboxes

Merganser Toggle

A merganser bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Meteor Streak Toggle

A bright meteor streaks across the box when checked.

#animation #gradient #transform

Live preview Checkboxes

Mic Speak Toggle

A mic glows pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Milkshake Toggle

A milkshake shakes pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Mite Toggle

A mite spins red when checked.

#animation #transform #shadow

Live preview Checkboxes

Mockingbird Toggle

A mockingbird shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Mosquito Buzz Toggle

A mosquito shakes with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Moth Toggle

A moth bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Motorcycle Toggle

A motorcycle bounces in with cool glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Mouse Squeak Toggle

A mouse squeaks with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Nebula Cloud Toggle

A soft swirling cloud of cosmic gas appears when checked.

#animation #gradient #transform

Live preview Checkboxes

Night Sky Toggle

A night sky glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Northern Lights Curtain

A curtain of green and violet light shimmers when checked.

#animation #gradient #transform

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

Nuthatch Toggle

A nuthatch spins blue when checked.

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

Opal Multi-Color Toggle

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

#animation #gradient #transform

Live preview Checkboxes

Oriole Toggle

An oriole pulses orange when checked.

#animation #transform #shadow

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

Palm Tropical Toggle

A palm tree sways green when checked.

#animation #transform #shadow

Live preview Checkboxes

Parrot Squawk Toggle

A parrot glows with a rainbow hue when checked.

#animation #transform #shadow

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

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

Pina Colada Toggle

A pina colada shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Pintail Toggle

A pintail shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Plover Toggle

A plover spins gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Police Car Toggle

A police car flashes blue when checked.

#animation #transform #shadow

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

Praying Mantis Toggle

A praying mantis shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Puffin Toggle

A puffin pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Pulsar Radio Beams

Concentric radio waves pulse outward when this star is checked.

#animation #transform #shadow

Live preview Checkboxes

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

#animation #gradient #transform

Live preview Checkboxes

Rabbit Hop Toggle

A rabbit hops with a pink glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Raccoon Mask Toggle

A raccoon shakes with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Rainbow Arc Toggle

A rainbow cycles hues when checked.

#animation #transform #shadow

Live preview Checkboxes

Rambutan Toggle

A rambutan shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Ramen Slurp Toggle

A ramen bowl steams to life with a warm glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Raspberry Toggle

A raspberry spins pink when checked.

#animation #transform #shadow

Live preview Checkboxes

Relay Race Toggle

A relay baton spins yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Rhinoceros Beetle Toggle

A rhino beetle shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Auto Rickshaw Toggle

An auto rickshaw bounces in orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Ring Bling Toggle

A ring sparkles blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Ripple Burst Check

Toggling on triggers an expanding ripple ring around the checkbox.

#animation #border #transform

Live preview Checkboxes

Ristretto Toggle

A ristretto shakes brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Rocket Launch Toggle

A rocket emoji lifts off with a tilted angle and exhaust glow when launched.

#animation #3d #shadow

Live preview Checkboxes

Rose Romance Toggle

A rose glows deep red when checked.

#animation #transform #shadow

Live preview Checkboxes

Ruddy Duck Toggle

A ruddy bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Rugby Ball Toggle

A rugby ball spins brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Rum Toggle

A rum spins brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Running Toggle

A runner pulses red when checked.

#animation #transform #shadow

Live preview Checkboxes

Sailing Toggle

A sailboat bounces blue on check.

#animation #transform #shadow

Live preview Checkboxes

Sandpiper Toggle

A sandpiper shakes gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Satellite Signal Toggle

A satellite glows cyan when checked.

#animation #transform #shadow

Live preview Checkboxes

Scorpion Toggle

A scorpion bounces orange on check.

#animation #transform #shadow

Live preview Checkboxes

Scoter Toggle

A scoter spins black when checked.

#animation #transform #shadow

Live preview Checkboxes

Seal Clap Toggle

A seal glows gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Sencha Toggle

A sencha spins green when checked.

#animation #transform #shadow

Live preview Checkboxes

Shark Bite Toggle

A shark shakes with a steel glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Shine Sparkle Toggle

Sparkles shine with a gold glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Shooting Star Trail

A star shoots across the box leaving a glowing trail when checked.

#animation #gradient #border

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

Smoothie Toggle

A smoothie bounces pink on check.

#animation #transform #shadow

Live preview Checkboxes

Snake Slither Toggle

A snake slithers with a green glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Snowboard Toggle

A snowboard bounces cyan on check.

#animation #transform #shadow

Live preview Checkboxes

Spaceship Toggle

A flying saucer hovers in violet when checked.

#animation #transform #shadow

Live preview Checkboxes

Speaker Loud Toggle

A speaker glows cyan when checked.

#animation #transform #shadow

Live preview Checkboxes

Spider Crawl Toggle

A spider crawls with a dark glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Squash Toggle

A squash racket shakes green when checked.

#animation #transform #shadow

Live preview Checkboxes

Stadium Toggle

A stadium bounces in 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

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

Stopwatch Time Toggle

A stopwatch glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Strawberry Sweet Toggle

A strawberry glows red and sweet when checked.

#animation #transform #shadow

Live preview Checkboxes

Supernova Burst Toggle

A star bursts outward with radial particles when checked.

#animation #transform #shadow

Live preview Checkboxes

Surfing Toggle

A surfer shakes blue 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

Tanager Toggle

A tanager spins red when checked.

#animation #transform #shadow

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

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

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

Popular tags