#transform CSS effects

5,765 free, pure-CSS effects match the "transform" tag. Each is copy-ready and needs no library or build step.

Live preview Checkboxes

Helicopter Toggle

A helicopter spins in gray when checked.

#animation #transform #shadow

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

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

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

Jupiter Striped Giant

A banded gas giant with a great red spot appears when checked.

#gradient #transform #border

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

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

Live preview Checkboxes

Leaf Grow Toggle

A leaf emoji grows in from a small scale with a green glow when checked.

#shadow #transform #filter

Live preview Checkboxes

Leaf Miner Toggle

A leaf miner flips green when checked.

#transform #shadow #filter

Live preview Checkboxes

Leafbug Toggle

A leafbug rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Leafcutter Ant Toggle

A leafcutter ant flips green when checked.

#transform #shadow #filter

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

Letter A Toggle

Letter A slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter B Toggle

Letter B scales up orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter C Toggle

Letter C rotates amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter E Toggle

Letter E bounces in lime when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter F Toggle

Letter F slides up green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter G Toggle

Letter G scales down emerald when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter H Toggle

Letter H pops in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter I Toggle

Letter I 3D-flips cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter J Toggle

Letter J slides right blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter K Toggle

Letter K scales up indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter M Toggle

Letter M bounces in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter N Toggle

Letter N rotates magenta when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter O Toggle

Letter O scales up pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter P Toggle

Letter P slides down rose when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter R Toggle

Letter R bounces in amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter S Toggle

Letter S rotates clockwise yellow-green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter T Toggle

Letter T scales in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter U Toggle

Letter U slides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter V Toggle

Letter V pops in cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter W Toggle

Letter W scales down blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter X Toggle

Letter X 3D-flips indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Letter Z Toggle

Letter Z scales up fuchsia when checked.

#transform #shadow #filter

Live preview Checkboxes

Level Slider Toggle

A level slider slides right green when checked.

#transform #shadow #filter

Live preview Checkboxes

Lime Toggle

A lime bounces green on check.

#animation #transform #shadow

Live preview Checkboxes

Lion Roar Toggle

A lion roars with a golden glow when checked.

#transform #shadow #filter

Live preview Checkboxes

Lobster Claws Toggle

A lobster glows red when checked.

#transform #shadow #filter

Live preview Checkboxes

Lock Secure Toggle

A lock glows red when checked.

#transform #shadow #filter

Live preview Checkboxes

Locust Toggle

A locust pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Lollipop Swirl Toggle

A lollipop spins with a rainbow hue rotation when checked.

#animation #transform #shadow

Live preview Checkboxes

Loon Toggle

A loon glows black when checked.

#transform #shadow #filter

Live preview Checkboxes

Love Eyes Reveal

A plain heart-eyes emoji reveals with a pulsing pink glow and scale when checked.

#animation #shadow #transform

Live preview Checkboxes

Lychee Toggle

A lychee flips in pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Macchiato Toggle

A macchiato rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Magnet Attract Toggle

A magnet glows red when checked.

#animation #transform #shadow

Live preview Checkboxes

Mallard Toggle

A mallard rotates green on check.

#transform #shadow #filter

Live preview Checkboxes

Mango Toggle

A mango pulses orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Mangosteen Toggle

A mangosteen pulses purple when checked.

#animation #transform #shadow

Live preview Checkboxes

Mansion Toggle

An old mansion slides in dark when checked.

#transform #shadow #filter

Live preview Checkboxes

Mantis Toggle

A mantis rotates green on check.

#transform #shadow #filter

Popular tags