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

Tilt Right

Element tilts to the right on hover.

#hover #transform

Live preview Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Live preview Hover

Tilt Zoom

Tilt with zoom on hover.

#hover #transform #3d

Live preview Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Live preview Hover

Topspin

Element topspins forward on hover.

#hover #transform #3d

Live preview Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Live preview Hover

Tremor Shiver

Element trembles like shivering on hover.

#hover #animation #transform

Live preview Hover

Tremor Soft

Soft tremor on hover.

#hover #animation #transform

Live preview Hover

Tumble Back

Element tumbles backward in 3D on hover.

#hover #transform #3d

Live preview Hover

TV Turn Off

Panel collapses to a thin horizontal line then fades like an old TV switching off.

#gradient #hover #border

Live preview Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Live preview Hover

Twirl Spin

Element twirls with scale on hover.

#hover #transform

Live preview Hover

Twirl Tornado

Spinning tornado twirl on hover.

#hover #animation #transform

Live preview Hover

Twist 3D

Element twists in 3D on hover.

#hover #transform

Live preview Hover

Twitch Nervous

Nervous twitch on hover.

#hover #animation #transform

Live preview Hover

Side Twitch

Quick side twitch on hover.

#hover #animation #transform

Live preview Hover

Up Twitch

Quick upward twitch on hover.

#hover #animation #transform

Live preview Hover

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Live preview Hover

Unfold Open

Unfolds open on hover.

#hover #transform #3d

Live preview Hover

Unfold Spread

Unfolds spread on hover.

#hover #transform #3d

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

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Live preview Hover

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Live preview Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Live preview Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Live preview Hover

Wipe Down

New color wipes down from top 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

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Live preview Hover

Wipe Right

New color wipes in from left to right on hover.

#hover #transform

Live preview Hover

Wipe Up

New color wipes up from bottom on hover.

#hover #transform

Live preview Hover

Wobble Hard

Hard aggressive wobble on hover.

#hover #animation #transform

Live preview Hover

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Live preview Hover

Wobble Rotational

Full rotational wobble 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

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Live preview Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Live preview Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

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 Jump

Zoom and jump combined 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 Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Live preview Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Live preview Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow

Live preview Loaders

Abacus Bead

Abacus beads sliding on rod.

#animation #gradient #transform

Live preview Loaders

Accordion Bellows

Accordion bellows expanding and contracting.

#animation #gradient #transform

Live preview Loaders

Acorn Drop

Acorn bouncing after falling from a tree.

#animation #gradient #transform

Live preview Loaders

Airplane Propeller

Airplane propeller spinning rapidly with motion blur.

#animation #gradient #transform

Live preview Loaders

Alien Spaceship

Flying saucer hovering with bobbing motion.

#animation #gradient #transform

Live preview Loaders

Amp Tube Glow

Vacuum tube amplifier glowing.

#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

Antimatter

Antimatter particles annihilating.

#animation #gradient #transform

Live preview Loaders

Arc Bounce Swing

Arc swinging like a pendulum and bouncing.

#animation #transform #border

Live preview Loaders

Arc Sweep

Arc sweeping around a center point.

#animation #transform #border

Live preview Loaders

Arcade Token

Arcade token spinning in air.

#animation #gradient #transform

Live preview Loaders

Arch Keystone

Arch with pulsing keystone.

#animation #gradient #transform

Live preview Loaders

Archery Bow

Bow drawing arrow back.

#animation #gradient #transform

Live preview Loaders

Arrow Bounce

Arrow bouncing up and down with shadow.

#animation #transform #border

Live preview Loaders

Arrow Stream

Three arrows streaming forward in sequence.

#animation #transform #border

Live preview Loaders

Arrow Volley

Arrows flying in volley.

#animation #transform #border

Live preview Loaders

Ash Fall

Ash particles floating down.

#animation #transform

Live preview Loaders

Astrolabe

Astrolabe with rotating rings.

#animation #gradient #transform

Live preview Loaders

Astrology Sign

Glowing astrology symbol pulsing.

#animation #transform #shadow

Live preview Loaders

Atomic Clock

Atomic clock with pulsing atom symbol.

#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

Axe Chop

Axe chopping down into a wooden log repeatedly.

#animation #gradient #transform

Live preview Loaders

Axle Spin

Axle spinning between wheels.

#animation #gradient #transform

Live preview Loaders

Badminton Shuttle

Badminton shuttlecock arcing through the air.

#animation #gradient #transform

Live preview Loaders

Bagel Bite

Bagel being bitten.

#animation #gradient #transform

Live preview Loaders

Bagpipe Drone

Bagpipes with inflating bag.

#animation #gradient #transform

Live preview Loaders

Balance Beam

Gymnast walking on balance beam.

#animation #gradient #transform

Live preview Loaders

Balloon Release

Balloons being released upward.

#animation #transform

Live preview Loaders

Balloon Rise

Balloon rising into the sky.

#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

Equalizer Bars

Five green bars pulsing like an audio equalizer from the bottom.

#gradient #animation #border

Live preview Loaders

Baseball Pitch

Baseball stitching spinning as it flies past home plate.

#animation #gradient #transform

Live preview Loaders

Basketball Bounce

Basketball bouncing with rotation and shadow.

#animation #gradient #transform

Live preview Loaders

Bat Fly Moon

Bat flying past the moon.

#animation #gradient #transform

Live preview Loaders

Ball Bearing

Ball bearing balls rolling in cage.

#animation #gradient #transform

Live preview Loaders

Bee Buzz

Bee buzzing in a figure-eight with blurry wings.

#animation #gradient #transform

Live preview Loaders

Beer Foam

Beer with rising foam.

#animation #gradient #transform

Live preview Loaders

Bend Stretch Arc

Arc bending and stretching.

#animation #transform #border

Live preview Loaders

Bicycle Pedal

Bicycle crank spinning with pedals going around.

#animation #gradient #transform

Live preview Loaders

Bike Chain

Bicycle chain links rotating around two sprockets.

#animation #gradient #transform

Live preview Loaders

Bingo Ball

Bingo ball popping up.

#animation #gradient #transform

Live preview Loaders

Bird Flap

Bird flapping its wings to stay aloft.

#animation #gradient #transform

Popular tags