#animation CSS effects

3,495 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Hover

Rainbow Text Flow

Rainbow gradient flows across text on hover.

#hover #animation #gradient

Live preview Hover

Ray Burst

Light rays burst outward from center on hover.

#hover #animation #gradient

Live preview Hover

Reflection Water

Wavy water reflection on hover.

#hover #animation #gradient

Live preview Hover

RGB Shift Anim

RGB channels shift continuously on hover.

#hover #animation #shadow

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

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Live preview Hover

Rotate 3D Roll

Continuous 3D roll on hover.

#hover #animation #transform

Live preview Hover

Rotate 3D Tumble

Tumbling multi-axis rotation on hover.

#hover #animation #transform

Live preview Hover

3D Rotate Wobble

3D rotation with wobble on hover.

#hover #animation #transform

Live preview Hover

Rotate X Full

Full 360° rotation on X-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate Y Full

Full 360° rotation on Y-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate Z Full

Full 360° Z-axis spin on hover.

#hover #animation #transform

Live preview Hover

Rubber Band

Element wobbles like a rubber band on hover.

#hover #animation #transform

Live preview Hover

Rubber Snap

Rubber-band snap transform on hover.

#hover #animation #transform

Live preview Hover

3D Scale Pulse

3D pulsing scale on hover.

#hover #animation #transform

Live preview Hover

Scanline Sweep

A bright CRT scanline sweeps vertically down the panel on hover.

#gradient #animation #hover

Live preview Hover

Scramble Text

Text appears scrambled on hover.

#hover #animation #shadow

Live preview Hover

Seesaw Gentle

Gentle seesaw tilt on hover.

#hover #animation #transform

Live preview Hover

Seesaw Tilt

Element tilts like a seesaw on hover.

#hover #animation #transform

Live preview Hover

Seesaw Violent

Violent seesaw motion on hover.

#hover #animation #transform

Live preview Hover

Shake Diagonal

Diagonal shake on hover.

#hover #animation #transform

Live preview Hover

Shake Horizontal

Horizontal shake on hover.

#hover #animation #transform

Live preview Hover

Mini Shake

Subtle small shake on hover.

#hover #animation #transform

Live preview Hover

Shake Random

Random multi-axis shake on hover.

#hover #animation #transform

Live preview Hover

Shake Side

Element shakes horizontally on hover.

#hover #animation #transform

Live preview Hover

Shake Subtle

Subtle micro-shake on hover.

#hover #animation #transform

Live preview Hover

Shake Vertical

Vertical shake on hover.

#hover #animation #transform

Live preview Hover

Shake Violent

Violent intense shake on hover.

#hover #animation #transform

Live preview Hover

Shiver Frost

Frosty shiver on hover.

#hover #animation #transform

Live preview Hover

Shudder Cold

Cold shudder on hover.

#hover #animation #transform

Live preview Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Live preview Hover

Smoke Wisp

Smoke wisps drift upward on hover.

#hover #animation #transform

Live preview Hover

Snow Drift

Snow drifts down on hover.

#hover #animation #gradient

Live preview Hover

Snow Fall

Snow falls across surface on hover.

#hover #animation #gradient

Live preview Hover

Snow Swirl

Snow swirls in vortex on hover.

#hover #animation #gradient

Live preview Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Live preview Hover

Sparks Rain

Sparks rain down on hover.

#hover #animation #gradient

Live preview Hover

Sparks Trail

Trail of sparks follows on hover.

#hover #animation #gradient

Live preview Hover

Spasm Jolt

Sudden spasm jolt on hover.

#hover #animation #transform

Live preview Hover

Fast Spin

Rapid continuous spin on hover.

#hover #animation #transform

Live preview Hover

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Live preview Hover

Stars Shoot

Shooting stars streak on hover.

#hover #animation #transform

Live preview Hover

Stars Spin

Stars spin in galaxy on hover.

#hover #animation #gradient

Live preview Hover

Stars Twinkle

Stars twinkle in night sky on hover.

#hover #animation #gradient

Live preview Hover

Static Noise

TV static noise overlay fills the panel with rapid random flicker on hover.

#animation #hover #border

Live preview Hover

Strobe Flash

Rapid strobe flash pulses on hover.

#hover #animation

Live preview Hover

Strobe Pulse

Pulsing strobe light on hover.

#hover #animation #shadow

Live preview Hover

Sway Gentle

Element sways gently side to side on hover.

#hover #animation #transform

Live preview Hover

Sway Violent

Violent swaying motion on hover.

#hover #animation #transform

Live preview Hover

Swing Gentle

Gentle pendulum swing on hover.

#hover #animation #transform

Live preview Hover

Swing Pendulum

Element swings like a pendulum on hover.

#hover #animation #transform

Live preview Hover

Swing Violent

Violent full-arc swing on hover.

#hover #animation #transform

Live preview Hover

Teeter Hard

Hard teeter on edge on hover.

#hover #animation #transform

Live preview Hover

Teeter Soft

Soft teeter-totter on hover.

#hover #animation #transform

Live preview Hover

Teleport Poof

Button puffs out into a smoke ring and reappears with a flash on hover.

#animation #hover #border

Live preview Hover

Teleport Flash

Teleports with flash on hover.

#hover #animation #transform

Live preview Hover

Bounce Letters

Letters bounce up and down on hover.

#hover #animation #transform

Live preview Hover

Color Cycle Letters

Letters cycle through colors on hover.

#hover #animation

Live preview Hover

Cursor Blink

Blinking cursor appears after text on hover.

#hover #animation

Live preview Hover

Text Decode

Text decodes from random characters on hover.

#hover #animation #shadow

Live preview Hover

Text Encrypt

Text scrambles like encryption on hover.

#hover #animation #transform

Live preview Hover

Text Glitch RGB

Text glitches with RGB split on hover.

#hover #animation #transform

Live preview Hover

Jiggle Letters

Letters jiggle on hover.

#hover #animation #transform

Live preview Hover

Marquee Scroll

Text scrolls like a marquee on hover.

#hover #animation #transform

Live preview Hover

Text Morph Color

Text color morphs through palette on hover.

#hover #animation

Live preview Hover

Text Neon Flicker

Text glows with neon flicker on hover.

#hover #animation #shadow

Live preview Hover

Pop Letter

Letters pop up sequentially on hover.

#hover #animation #transform

Live preview Hover

Wave Letters

Letters wave up and down on hover.

#hover #animation #transform

Live preview Hover

Thump Bass

Bass thump impact on hover.

#hover #animation #transform

Live preview Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Live preview Hover

Tick Metronome

Metronome back-and-forth tick on hover.

#hover #animation #transform

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

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Live preview Hover

Twirl Tornado

Spinning tornado twirl on hover.

#hover #animation #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

Typewriter Reveal

Text types out character by character on hover.

#hover #animation

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

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

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

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

Popular tags