Hover Effects — 860 CSS effects

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.

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.

Text Letter Wave

Letters wave individually on hover.

Marquee Scroll

Text scrolls like a marquee 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 Grow Text

Text outline grows 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.

Stretch Letters

Letters stretch horizontally on hover.

Text Stroke Draw

Text stroke draws in on hover.

Slow Typewriter

Slow typewriter effect on hover.

Text Underline Grow

Underline grows from center on hover.

Wave Letters

Letters wave up and down on hover.

Thermal Map

Heat-map thermal gradient on hover.

#hover #gradient #shadow

Thump Bass

Bass thump impact on hover.

Tick Metronome

Metronome back-and-forth tick on hover.

Tilt Back 3D

Element tilts back in 3D space on hover.

Tilt Forward 3D

Element tilts forward in 3D space on hover.

Tilt Left

Element tilts to the left on hover.

Tilt Right

Element tilts to the right on hover.

Tilt Zoom

Tilt with zoom on hover.

Tint Blue

Blue color tint overlay on hover.

Tint Cyan

Cyan color tint overlay on hover.

Tint Green

Green color tint overlay on hover.

Tint Purple

Purple color tint overlay on hover.

Tint Red

Red color tint overlay on hover.

Tremor Shiver

Element trembles like shivering on hover.

Tremor Soft

Soft tremor on hover.

Tritone Ocean

Deep ocean tritone on hover.

#hover #gradient #shadow

Tritone Sunset

Three-band sunset gradient overlay on hover.

#hover #gradient #shadow

Tumble Back

Element tumbles backward in 3D on hover.

TV Turn Off

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

#gradient #hover #border

Twirl Spin

Element twirls with scale on hover.

Twirl Tornado

Spinning tornado twirl on hover.

Twist 3D

Element twists in 3D on hover.

Twitch Nervous

Nervous twitch on hover.

Side Twitch

Quick side twitch on hover.

Up Twitch

Quick upward twitch on hover.

Ultraviolet Bloom

UV bloom with deep violet glow on hover.

#hover #gradient #transform

Underglow

Glow emanates from beneath on hover.

Growing Underline

A rule grows out from the centre of the link and thickens as it reaches the ends.

Unfold Open

Unfolds open on hover.

Unfold Spread

Unfolds spread on hover.

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Vibrate Slow

Slow vibrating motion on hover.

Vignette Darken

Edges darken with vignette on hover.

Vintage Film

Aged film look with sepia and grain on hover.

#hover #filter

Wave Distort

Element distorts in a wave pattern on hover.

#hover #gradient #transform

Wipe Radial

Radial wipe reveal on hover.

Wipe Right

New color wipes in from left to right on hover.

Wipe Up

New color wipes up from bottom on hover.

Wobble Hard

Hard aggressive wobble on hover.

Wobble Rotate

Element wobbles with rotational sway on hover.

Wobble Rotational

Full rotational wobble on hover.

#hover #transform #shadow

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #filter

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

Zoom Jump

Zoom and jump combined on hover.

Zoom Spin

Zoom then spin transform on hover.

Zoom Tilt

Zoom with tilt transform on hover.