#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

Puzzle Piece Mask

Puzzle pieces fit together on hover.

#hover #transform

Live preview Hover

Quad Four Mask

Four quadrants animate on hover.

#hover #transform

Live preview Hover

Rotate Blur In Mask

Rotates and blurs in on hover.

#hover #transform #filter

Live preview Hover

Scatter Gather Mask

Scattered pieces gather together on hover.

#hover #transform

Live preview Hover

Slide Rotate Mask

Slides and rotates to reveal on hover.

#hover #transform

Live preview Hover

Split Cross Mask

Element splits in four cross-sections on hover.

#hover #transform

Live preview Hover

Split Horizontal Mask

Element splits horizontally to reveal on hover.

#hover #transform

Live preview Hover

Split Vertical Mask

Element splits vertically to reveal on hover.

#hover #transform

Live preview Hover

Zigzag Trace Mask

Zigzag pattern traces across on hover.

#hover #gradient #transform

Live preview Hover

Zoom Blur In Mask

Zoom-blur reveals content on hover.

#hover #transform #filter

Live preview Hover

Melt Drip

Button melts downward with drooping corners and a falling drip on hover.

#gradient #hover #border

Live preview Hover

Melt Drip Down

Element melts and drips down on hover.

#hover #transform

Live preview Hover

Melt Wax

Melts like wax on hover.

#hover #transform

Live preview Hover

Morph Diamond

Morphs into diamond on hover.

#hover #transform

Live preview Hover

Morph Heart

Morphs into heart shape on hover.

#hover #transform

Live preview Hover

Morph Hexagon

Morphs into hexagon on hover.

#hover #transform

Live preview Hover

Morph Star

Morphs into star shape on hover.

#hover #transform

Live preview Hover

Motion Smear

Label smears horizontally with a directional blur as if caught mid-motion on hover.

#gradient #hover #border

Live preview Hover

Motion Streak

Motion streak trail follows on hover.

#hover #transform #shadow

Live preview Hover

Night Vision

Green phosphor night-vision tint on hover.

#hover #transform #shadow

Live preview Hover

Orange Shift

Hue rotates to orange on hover.

#hover #transform #filter

Live preview Hover

Orbit Revolve

Satellite revolves on hover.

#hover #animation #transform

Live preview Hover

Orbit Spin

Orbital spin on hover.

#hover #animation #transform

Live preview Hover

Origami Fold

Element folds like origami on hover.

#hover #gradient #transform

Live preview Hover

Oscillate Sine

Smooth sine-wave oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Square

Square-wave step oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Swing

Element oscillates back and forth on hover.

#hover #animation #transform

Live preview Hover

Oscillate Triangle

Triangle-wave linear oscillation on hover.

#hover #animation #transform

Live preview Hover

Paint Brush

Brush stroke paint on hover.

#hover #gradient #transform

Live preview Hover

Paint Roller

Paint roller coats on hover.

#hover #gradient #transform

Live preview Hover

Paint Stroke

Paint stroke brushes across on hover.

#hover #transform

Live preview Hover

Balloon Burst

Balloons burst on hover.

#hover #animation #transform

Live preview Hover

Balloon Rise

Balloon rises on hover.

#hover #animation #transform

Live preview Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Live preview Hover

Bubble Pop

Bubbles pop on hover.

#hover #animation #gradient

Live preview Hover

Butterfly Flutter

Butterfly-like wings flutter on hover.

#hover #animation #transform

Live preview Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Live preview Hover

Crystal Spark

Crystal sparkles twinkle on hover.

#hover #animation #transform

Live preview Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Live preview Hover

Fairy Dust

Fairy dust sparkles trail on hover.

#hover #animation #gradient

Live preview Hover

Feather Drift

Feathers drift down on hover.

#hover #animation #gradient

Live preview Hover

Firecracker

Firecracker bursts on hover.

#hover #animation #transform

Live preview Hover

Fog Roll

Fog rolls in across the element on hover.

#hover #animation #gradient

Live preview Hover

Fountain Jet

Fountain jets upward on hover.

#hover #animation #transform

Live preview Hover

Galaxy Particles

Galaxy of stars swirls around on hover.

#hover #animation #gradient

Live preview Hover

Geyser Spray

Geyser sprays upward on hover.

#hover #animation #gradient

Live preview Hover

Leaves Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Light Rays

Light rays beam on hover.

#hover #animation #gradient

Live preview Hover

Meteor Shower

Multiple meteors streak down on hover.

#hover #animation #gradient

Live preview Hover

Northern Lights

Soft northern lights drift on hover.

#hover #animation #gradient

Live preview Hover

Particles Orbit

Particles orbit around on hover.

#hover #animation #transform

Live preview Hover

Fast Orbit Particles

Particles orbit rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Petals Bloom

Petals bloom outward on hover.

#hover #animation #transform

Live preview Hover

Rocket Launch

Rocket launches upward on hover.

#hover #animation #gradient

Live preview Hover

Smoke Trail

Smoke trail rises on hover.

#hover #animation #gradient

Live preview Hover

Spark Fountain

Sparks fountain upward on hover.

#hover #animation #transform

Live preview Hover

Spiral In Particles

Particles spiral inward toward the element on hover.

#hover #animation #transform

Live preview Hover

Fast Particle Swirl

Particles swirl rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Torch Flame

Torch flame blazes on hover.

#hover #animation #gradient

Live preview Hover

Tornado Particles

Tornado-like swirling particles on hover.

#hover #animation #gradient

Live preview Hover

Volcano Erupt

Volcano erupts with lava on hover.

#hover #animation #transform

Live preview Hover

Vortex Particles

Vortex of particles spins around the element on hover.

#hover #animation #gradient

Live preview Hover

Wave Crest

Wave crests roll on hover.

#hover #animation #gradient

Live preview Hover

Wind Blow

Wind-like motion lines blow across on hover.

#hover #animation #gradient

Live preview Hover

Peek Over

Element peeks over from above on hover.

#hover #transform

Live preview Hover

Peek Under

Element peeks from below on hover.

#hover #transform

Live preview Hover

Pendulum Fast

Fast pendulum swing on hover.

#hover #animation #transform

Live preview Hover

Perspective Tilt

Element tilts with strong perspective on hover.

#hover #transform

Live preview Hover

Petals Drift

Sakura petals drift on hover.

#hover #animation #transform

Live preview Hover

Petals Fall

Cherry petals drift down on hover.

#hover #animation #gradient

Live preview Hover

Petals Swirl

Petals swirl around on hover.

#hover #animation #transform

Live preview Hover

Pinch Middle

Middle pinches inward on hover.

#hover #transform

Live preview Hover

Pink Shift

Hue rotates to pink on hover.

#hover #transform #filter

Live preview Hover

Polaroid Tint

Warm polaroid instant-film tint on hover.

#hover #transform #filter

Live preview Hover

Pop In

Element pops inward on hover.

#hover #transform

Live preview Hover

Pop Out

Element pops outward on hover.

#hover #transform

Live preview Hover

Pulse Throb

Throbbing pulse on hover.

#hover #animation #transform

Live preview Hover

Purple Haze

Dreamy purple haze drifts over on hover.

#hover #gradient #transform

Live preview Hover

Purple Shift

Hue rotates to purple on hover.

#hover #transform #filter

Live preview Hover

Push Reveal

Top label pushes up and out, pulling a second label up from below on hover.

#hover #border #transform

Live preview Hover

Quiver Soft

Soft nervous quiver on hover.

#hover #animation #transform

Live preview Hover

Rain Splash

Rain splash droplets on hover.

#hover #animation #transform

Live preview Hover

Ray Burst

Light rays burst outward from center on hover.

#hover #animation #gradient

Live preview Hover

Red Shift

Hue rotates to red on hover.

#hover #transform #filter

Live preview Hover

Reflection Mirror

Mirror reflection beneath on hover.

#hover #gradient #transform

Live preview Hover

Reflection Water

Wavy water reflection on hover.

#hover #animation #gradient

Live preview Hover

Refraction Lens

Lens refraction magnifies on hover.

#hover #transform #filter

Live preview Hover

Refraction Prism

Prism splits light on hover.

#hover #gradient #transform

Live preview Hover

Ripple Pulse

An expanding ring ripples outward from the button on hover.

#gradient #hover #border

Live preview Hover

Rock Chair

Element rocks like a rocking chair on hover.

#hover #animation #transform

Live preview Hover

Rock Hard

Hard aggressive rocking on hover.

#hover #animation #transform

Live preview Hover

Rock Soft

Soft rocking motion on hover.

#hover #animation #transform

Live preview Hover

Roll Back

Element rolls backward on hover.

#hover #transform

Live preview Hover

Rotate 3D Book

Book-opening flip on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Box

Box lid flip open on hover.

#hover #transform #border

Popular tags