Hover Effects — 850 CSS effects

Skew Y Deep

Deep Y-axis skew on hover.

Slide Diagonal Reveal

Diagonal slide reveal on hover.

Slide Down Fast

Fast downward slide on hover.

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

Slide Down Soft

Soft slide downward on hover.

Slide Left Fast

Fast slide to left on hover.

Slide Left Reveal

Content slides left to reveal hidden layer on hover.

Slide Left Soft

Soft slide to left on hover.

Slide Random Reveal

Random-direction slide reveal on hover.

Slide Reveal Overlay

A colored panel slides up from below, swapping the label text color.

#gradient #hover #border

Slide Right Fast

Fast slide to right on hover.

Slide Right Reveal

Content slides right to reveal hidden layer on hover.

Slide Right Soft

Soft slide to right on hover.

Slide Up Fast

Fast upward slide on hover.

Slide Up Reveal

Content slides up to reveal hidden layer on hover.

Slide Up Soft

Soft slide upward on hover.

Smoke Curl

Smoke curls upward on hover.

Smoke Rise

Smoke rises upward on hover.

Smoke Wisp

Smoke wisps drift upward on hover.

Snow Drift

Snow drifts down on hover.

Snow Fall

Snow falls across surface on hover.

Snow Swirl

Snow swirls in vortex on hover.

Soft Inner Glow

Inner glow blooms from within on hover.

Somersault

Element does a somersault on hover.

Sparkle Burst

Sparkles burst outward on hover.

#hover #transform #shadow

Sparks Burst

Sparks burst outward on hover.

Sparks Fly

Sparks fly outward on hover.

Sparks Rain

Sparks rain down on hover.

Sparks Trail

Trail of sparks follows on hover.

Spasm Jolt

Sudden spasm jolt on hover.

Fast Spin

Rapid continuous spin on hover.

Soft Spin

Soft 180-degree spin on hover.

Spin Zoom

Combined spin and zoom on hover.

Cursor Spotlight

A radial spotlight follows the cursor across the surface on hover.

#gradient #hover #border

Spotlight Cursor

Spotlight follows the cursor across the surface.

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Spotlight Zoom

Spotlight zooms in and brightens on hover.

Spring Bounce

Spring-loaded bounce on hover.

Squash Flat

Element squashes flat on hover.

Stage Light Spot

Theatrical stage spot on hover.

Starburst Rays

Radiating starburst rays on hover.

Stars Burst

Tiny stars burst outward on hover.

Stars Shoot

Shooting stars streak on hover.

Stars Spin

Stars spin in galaxy on hover.

Stars Twinkle

Stars twinkle in night sky on hover.

#animation #hover #border

Static Noise

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

Stretch Tall

Element stretches tall and thin on hover.

Stretch Taller

Stretches taller on hover.

Stretch Wider

Stretches wider on hover.

Stretch X

Element stretches horizontally on hover.

Stretch Y

Element stretches vertically on hover.

Stretchy Pull

Stretchy elastic pull on hover.

Strobe Flash

Rapid strobe flash pulses on hover.

#hover #animation #shadow

Strobe Pulse

Pulsing strobe light on hover.

Sway Gentle

Element sways gently side to side on hover.

Sway Violent

Violent swaying motion on hover.

Swing Gentle

Gentle pendulum swing on hover.

Swing Pendulum

Element swings like a pendulum on hover.

Swing Violent

Violent full-arc swing on hover.

#hover #transform #filter

Teal Shift

Hue rotates to teal on hover.

Teeter Hard

Hard teeter on edge on hover.

Teeter Soft

Soft teeter-totter on hover.

#animation #hover #border

Teleport Poof

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

Teleport Flash

Teleports with flash on hover.

#hover #transform #shadow

Text 3D Pop

Text pops out in 3D on hover.

Blur Letters

Letters blur on hover.

#hover #filter

Bounce Letters

Letters bounce up and down on hover.

Color Cycle Letters

Letters cycle through colors on hover.

Cursor Blink

Blinking cursor appears after text on hover.

Cursor Grow

Cursor grows tall behind text on hover.

#hover #animation #shadow

Text Decode

Text decodes from random characters on hover.

Text Encrypt

Text scrambles like encryption on hover.

Gradient Fill Text

Gradient fill appears in text on hover.

Image Fill Text

Image-like pattern fills text on hover.

Pattern Fill Text

Pattern fills text on hover.

Text Fill Sweep

Text fills with color sweep on hover.

Flip Letters

Letters flip on hover.

#hover #transform #3d

Text Flip Up

Text flips upward on hover.

Text Glitch RGB

Text glitches with RGB split on hover.

Strong Glow Text

Strong neon glow on text on hover.

Jiggle Letters

Letters jiggle on hover.

Letter Spaced

Letters spread apart on hover.

Text Letter Wave

Letters wave individually on hover.

Marquee Scroll

Text scrolls like a marquee on hover.

#gradient #hover #transform

Text Mask Reveal

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

Text Morph Color

Text color morphs through palette on hover.

#hover #animation #shadow

Text Neon Flicker

Text glows with neon flicker on hover.

Outline Color Text

Text outline changes color on hover.

Outline Grow Text

Text outline grows on hover.

Pop Letter

Letters pop up sequentially on hover.

Text Rainbow Cycle

Each letter cycles rainbow on hover.

3D Text Shadow

3D shadow stack appears on text on hover.

Distant Shadow Text

Distant shadow appears on text on hover.

Double Shadow Text

Two-tone shadow on text on hover.

Text Long Shadow

Long layered text shadow on hover.

Multi Shadow Text

Multiple colored shadows on text on hover.