#hover CSS effects

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

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

Teal Shift

Hue rotates to teal on hover.

#hover #transform #filter

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

Text 3D Pop

Text pops out in 3D on hover.

#hover #transform #shadow

Live preview Hover

Blur Letters

Letters blur on hover.

#hover #filter

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

Cursor Grow

Cursor grows tall behind text on hover.

#hover

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

Gradient Fill Text

Gradient fill appears in text on hover.

#hover #gradient

Live preview Hover

Image Fill Text

Image-like pattern fills text on hover.

#hover #gradient

Live preview Hover

Pattern Fill Text

Pattern fills text on hover.

#hover #gradient

Live preview Hover

Text Fill Sweep

Text fills with color sweep on hover.

#hover

Live preview Hover

Flip Letters

Letters flip on hover.

#hover #transform #3d

Live preview Hover

Text Flip Up

Text flips upward on hover.

#hover #transform

Live preview Hover

Text Glitch RGB

Text glitches with RGB split on hover.

#hover #animation #transform

Live preview Hover

Strong Glow Text

Strong neon glow on text on hover.

#hover #shadow

Live preview Hover

Jiggle Letters

Letters jiggle on hover.

#hover #animation #transform

Live preview Hover

Text Letter Wave

Letters wave individually on hover.

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

Outline Grow Text

Text outline grows on hover.

#hover

Live preview Hover

3D Text Shadow

3D shadow stack appears on text on hover.

#hover #shadow

Live preview Hover

Distant Shadow Text

Distant shadow appears on text on hover.

#hover #shadow

Live preview Hover

Double Shadow Text

Two-tone shadow on text on hover.

#hover #shadow

Live preview Hover

Text Long Shadow

Long layered text shadow on hover.

#hover #shadow

Live preview Hover

Multi Shadow Text

Multiple colored shadows on text on hover.

#hover #shadow

Live preview Hover

Stretch Letters

Letters stretch horizontally on hover.

#hover #transform

Live preview Hover

Text Stroke Draw

Text stroke draws in on hover.

#hover

Live preview Hover

Slow Typewriter

Slow typewriter effect on hover.

#hover

Live preview Hover

Text Underline Grow

Underline grows from center on hover.

#hover #transform

Live preview Hover

Wave Letters

Letters wave up and down on hover.

#hover #animation #transform

Live preview Hover

Thermal Map

Heat-map thermal gradient on hover.

#hover #gradient #shadow

Live preview Hover

Thump Bass

Bass thump impact on hover.

#hover #animation #transform

Live preview Hover

Tick Metronome

Metronome back-and-forth tick on hover.

#hover #animation #transform

Live preview Hover

Tilt Back 3D

Element tilts back in 3D space on hover.

#hover #transform

Live preview Hover

Tilt Forward 3D

Element tilts forward in 3D space on hover.

#hover #transform

Live preview Hover

Tilt Left

Element tilts to the left on hover.

#hover #transform

Live preview Hover

Tilt Right

Element tilts to the right on hover.

#hover #transform

Live preview Hover

Tilt Zoom

Tilt with zoom on hover.

#hover #transform #3d

Live preview Hover

Tint Blue

Blue color tint overlay on hover.

#hover

Live preview Hover

Tint Cyan

Cyan color tint overlay on hover.

#hover

Live preview Hover

Tint Green

Green color tint overlay on hover.

#hover

Live preview Hover

Tint Purple

Purple color tint overlay on hover.

#hover

Live preview Hover

Tint Red

Red color tint overlay on hover.

#hover

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

Tritone Ocean

Deep ocean tritone on hover.

#hover #gradient #shadow

Live preview Hover

Tritone Sunset

Three-band sunset gradient overlay on hover.

#hover #gradient #shadow

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

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

Ultraviolet Bloom

UV bloom with deep violet glow on hover.

#hover #shadow

Live preview Hover

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Live preview Hover

Growing Underline

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

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

Venetian Tilt

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

#gradient #hover #3d

Live preview Hover

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Live preview Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Live preview Hover

Vintage Film

Aged film look with sepia and grain on hover.

#hover #filter

Live preview Hover

Wave Distort

Element distorts in a wave pattern on hover.

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

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 Jump

Zoom and jump combined on hover.

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

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Live preview Navigation

3D Tilt X Navbar

Active link tilts on the X-axis with deep perspective.

#hover #transform #shadow

Live preview Navigation

3D Tilt XY Navbar

Active link tilts diagonally on both X and Y axes.

#hover #transform #shadow

Live preview Navigation

3D Tilt Y Navbar

Active link tilts on the Y-axis with deep perspective.

#hover #transform #shadow

Live preview Navigation

Arrow 3D Perspective Navbar

Nav with 3D perspective arrow-shaped active indicator.

#hover #transform #shadow

Live preview Navigation

Arrow Asterisk Spin Navbar

Nav with spinning asterisk arrow accent on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Bounce Drop Navbar

Nav with arrow indicators that bounce-drop on hover.

#hover #animation #transform

Live preview Navigation

Arrow Chevron Point Navbar

Nav with chevron-pointed active indicators.

#hover #transform

Popular tags