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

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Live preview Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

Live preview Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #transform

Live preview Hover

Skew X Deep

Deep X-axis skew on hover.

#hover #transform

Live preview Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Live preview Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Live preview Hover

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Live preview Hover

Text Mask Reveal

A duplicate gradient-filled text slides up to mask-reveal on hover.

#gradient #hover #transform

Live preview Hover

Text Strike Through

Line strikes through text on hover.

#hover #transform

Live preview Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Live preview Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Live preview Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Live preview Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Live preview Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Live preview Hover

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Live preview Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Live preview Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Live preview Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Live preview Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Live preview Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Live preview Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Live preview Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Live preview Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Live preview Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Live preview Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Live preview Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Live preview Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Live preview Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #transform

Live preview Loaders

Abacus Bead

Abacus beads sliding on rod.

#animation #gradient #transform

Live preview Loaders

Acorn Drop

Acorn bouncing after falling from a tree.

#animation #gradient #transform

Live preview Loaders

Anemometer Cups

Anemometer with spinning cups.

#animation #transform

Live preview Loaders

Antenna Signal

Antenna with signal waves.

#animation #transform #border

Live preview Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Live preview Loaders

Aurora Borealis

Northern lights shimmering across a starry sky.

#animation #gradient #transform

Live preview Loaders

Aurora Curtain

Aurora curtain rippling in the sky.

#animation #gradient #transform

Live preview Loaders

Bagpipe Drone

Bagpipes with inflating bag.

#animation #gradient #transform

Live preview Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Live preview Loaders

Bar Pulse

Vertical bars pulsing in height like EQ.

#animation #gradient #transform

Live preview Loaders

Barometer

Barometer dial with needle.

#animation #gradient #transform

Live preview Loaders

Ball Bearing

Ball bearing balls rolling in cage.

#animation #gradient #transform

Live preview Loaders

Blizzard

Heavy snowfall with diagonal streaks.

#animation #gradient #transform

Live preview Loaders

Boat Anchor

Anchor lowering into the water with rippling waves.

#animation #gradient #transform

Live preview Loaders

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Live preview Loaders

Brake Squeeze

Brake caliper squeezing disc.

#animation #gradient #transform

Live preview Loaders

Brownie Bite

Brownie with bite marks.

#animation #gradient #transform

Live preview Loaders

Brushless Motor

Brushless motor with smooth rotation.

#animation #transform

Live preview Loaders

Butter Melt

Butter pat melting.

#animation #gradient #transform

Live preview Loaders

Butterfly

Butterfly flapping colorful wings as it floats.

#animation #gradient #transform

Live preview Loaders

Card Shuffle

Playing cards fanning out and shuffling back together.

#animation #gradient #transform

Live preview Loaders

Carnival Mask

Venetian carnival mask with feathers.

#animation #gradient #transform

Live preview Loaders

Carousel Spin

Carnival carousel with painted cabins orbiting a glowing center pole.

#animation #gradient #transform

Live preview Loaders

Cassette Spin

Cassette tape reels spinning.

#animation #gradient #transform

Live preview Loaders

Castle Turret Spin

Castle turret with crenellations rotating.

#animation #gradient #transform

Live preview Loaders

Celebration Burst

Star burst celebration animation.

#animation #transform

Live preview Loaders

Cheese Grate

Cheese being grated into strips.

#animation #gradient #transform

Live preview Loaders

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Live preview Loaders

Christmas Tree Glow

Christmas tree with twinkling lights.

#animation #gradient #transform

Live preview Loaders

Clapperboard

Movie clapperboard snapping.

#animation #gradient #transform

Live preview Loaders

Clutch Engage

Clutch plates engaging.

#animation #gradient #transform

Live preview Loaders

Constellation

Stars connecting to form a constellation.

#animation #transform #shadow

Live preview Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Live preview Loaders

Deflector Shield

Deflector shield bubble pulsing around ship.

#animation #gradient #transform

Live preview Loaders

Derecho

Wide straight-line wind storm.

#animation #transform

Live preview Loaders

Drum Stick

Drum stick bouncing on a snare drum head.

#animation #gradient #transform

Live preview Loaders

Dumpling Fold

Dumpling being pleated.

#animation #gradient #transform

Live preview Loaders

Dust Devil Spin

Small dust devil spinning.

#animation #transform

Live preview Loaders

Easter Egg Dye

Easter egg being dipped in dye.

#animation #gradient #transform

Live preview Loaders

Ember Glow

Hot embers glowing intensely.

#animation #gradient #transform

Live preview Loaders

Emerald Flash

Emerald gem flashing green light.

#animation #gradient #transform

Live preview Loaders

Fax Feed

Paper scrolling through a fax machine slot.

#animation #gradient #transform

Live preview Loaders

Fencing Lunge

Fencing sword lunging forward.

#animation #gradient #transform

Live preview Loaders

Firecracker Pop

Firecracker with explosive pop.

#animation #gradient #transform

Live preview Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Live preview Loaders

Force Field

Force field hexagon pattern glowing.

#animation #gradient #transform

Live preview Loaders

Garlic Press

Garlic press squeezing cloves through tiny holes.

#animation #gradient #transform

Live preview Loaders

Gauge Needle

Gauge needle bouncing.

#animation #gradient #transform

Live preview Loaders

Gradient Ring

A smooth gradient ring spinner with a fading tail, iOS-style.

#gradient #animation #border

Live preview Loaders

Gymnast Flip

Gymnast doing flip rotation.

#animation #gradient #transform

Live preview Loaders

Hammer Strike

Hammer repeatedly striking a nail into wood.

#animation #gradient #transform

Live preview Loaders

Hex Tile Spin

Hexagonal tile spinning with color shift.

#animation #gradient #transform

Live preview Loaders

Hexagon Orbit Sextet

Six dots orbiting in hexagonal formation.

#animation #transform

Live preview Loaders

Hexagon Spinner

A hexagon outlined with a rotating rainbow conic gradient.

#gradient #animation #transform

Live preview Loaders

Horse Gallop

Horse silhouette galloping with mane and tail flowing.

#animation #gradient #transform

Live preview Loaders

Hovercraft

Hovercraft floating on a cushion of air with skirt inflating.

#animation #gradient #transform

Live preview Loaders

Hygrometer

Hygrometer showing humidity level.

#animation #gradient #transform

Live preview Loaders

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Live preview Loaders

Jet Stream

High-altitude jet stream flowing.

#animation #gradient #transform

Live preview Loaders

Jewel Spark

Jewel with sparks emerging.

#animation #gradient #transform

Live preview Loaders

Joker Grin

Joker card with shifting grin.

#animation #gradient #transform

Live preview Loaders

Leaf Fall

Autumn leaves drifting down with a swaying motion.

#animation #gradient #transform

Live preview Loaders

Line Connect Node

Lines drawing between two nodes.

#animation #gradient #transform

Live preview Loaders

Magician Hat

Magician pulling rabbit from hat.

#animation #gradient #transform

Live preview Loaders

Mandala Spin

Symmetric mandala pattern spinning.

#animation #transform

Live preview Loaders

Match Strike

Match striking and igniting.

#animation #gradient #transform

Live preview Loaders

Merry-Go-Round

Rotating platform with three colored horses spinning around.

#animation #gradient #transform

Popular tags