#animation CSS effects

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

Live preview Checkboxes

Genmaicha Toggle

A genmaicha pulses green when checked.

#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

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

Animated Gradient Fill

A square filled with an animated gradient background and a white checkmark when checked.

#gradient #animation #border

Live preview Checkboxes

Green Grape Toggle

Green grapes bounce pop on check.

#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

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

Helicopter Toggle

A helicopter spins in gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Honey Drip Toggle

A honey jar glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Horchata Toggle

A horchata shakes amber when checked.

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

Hourglass Time Toggle

An hourglass glows amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Ibis Toggle

An ibis bounces pink on check.

#animation #transform #shadow

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

Jackfruit Toggle

A jackfruit spins yellow when checked.

#animation #transform #shadow

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

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

Kite Bird Toggle

A kite pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Lacrosse Toggle

A lacrosse stick bounces orange on check.

#animation #transform #shadow

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

Live preview Checkboxes

Lemon Zest Toggle

A lemon shakes with a bright yellow glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Lemonade Toggle

A lemonade pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Lime Toggle

A lime bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Liquid Drop Checkbox

A droplet falls from above, lands in the box and floods it with colour.

#animation #gradient #transform

Live preview Checkboxes

Lollipop Swirl Toggle

A lollipop spins with a rainbow hue rotation when checked.

#animation #transform #shadow

Live preview Checkboxes

Magnet Attract Toggle

A magnet glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Magnet Snap Checkbox

The tick flies in from the side and snaps hard against the box wall.

#animation #transform #border

Live preview Checkboxes

Mango Toggle

A mango pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Marathon Toggle

A marathon runner pulses red when checked.

#animation #transform #shadow

Live preview Checkboxes

Yerba Mate Toggle

A mate spins green when checked.

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

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

Moth Toggle

A moth bounces brown on check.

#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

Neon Tube Checkbox

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

#animation #shadow #border

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

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

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

Phoebe Toggle

A phoebe bounces gray on check.

#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

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

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

#animation #gradient #transform

Live preview Checkboxes

Radar Sweep Checkbox

A radar arm sweeps the dish once and a contact blip stays lit behind it.

#animation #gradient #transform

Live preview Checkboxes

Orbit Radio Group

Selecting a radio sends a small satellite dot into orbit around the filled centre.

#animation #transform #border

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

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

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

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

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

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

Effects tagged #animation

Popular tags