#transform CSS effects

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

Live preview Checkboxes

Neon Amber Checkmark

An amber neon checkmark glowing warmly when toggled on.

#transform #shadow #border

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

Neptune Deep Blue

A deep blue Neptune with a dark storm spot shows when checked.

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

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

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

Blooming Petal Checkbox

Four petals unfold outward from a closed bud and the centre brightens.

#transform #border #bloom

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 Arrow Check

An 8-bit pixel arrow that fires green when checked.

#transform #border

Live preview Checkboxes

Pixel Circle Check

An 8-bit pixel art circle that lights up with a check when checked.

#transform #border

Live preview Checkboxes

Pixel Diamond Check

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

#transform #shadow #filter

Live preview Checkboxes

Pixel Heart Check

An 8-bit pixel heart that fills in red when checked.

#transform #pixel

Live preview Checkboxes

Pixel Star Check

An 8-bit pixel star that glows gold when checked.

#transform #pixel

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

Pluto Dwarf Planet

An icy dwarf planet with a heart shape appears when checked.

#gradient #transform #border

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

Property Arc Checkbox

A registered percentage animates the conic arc smoothly instead of snapping.

#gradient #transform #at-property

Live preview Checkboxes

Property Sweep Checkbox

A registered percentage property animates a conic fill sweeping around the box.

#gradient #transform #at-property

Live preview Checkboxes

Prune Toggle

A prune rotates purple on check.

#transform #shadow #filter

Popular tags