#hover CSS effects

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

Live preview Hover

Fire Rise

Flames rise upward on hover.

#hover #gradient

Live preview Hover

Fireflies Blink

Fireflies blink in dark on hover.

#hover #animation #shadow

Live preview Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Live preview Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Live preview Hover

Firelight Glow

Warm firelight ember glow on hover.

#hover #animation #shadow

Live preview Hover

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Live preview Hover

Firework Cascade

Cascading firework on hover.

#hover #animation #shadow

Live preview Hover

Flash Burst

Single bright flash burst on hover.

#hover #animation #shadow

Live preview Hover

Flash Edges

Edges flash bright white on hover.

#hover #animation #shadow

Live preview Hover

Flip 3D Card

Card-style 3D flip on hover.

#hover #transform #border

Live preview Hover

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #border

Live preview Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Live preview Hover

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

#hover #transform #3d

Live preview Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Live preview Hover

Flip Coin

Element flips like a spinning coin on hover.

#hover #gradient #transform

Live preview Hover

Flip Diagonal

Element flips diagonally on hover.

#hover #transform #3d

Live preview Hover

Soft Diagonal Flip

Soft diagonal flip transform on hover.

#hover #transform #3d

Live preview Hover

Flip X Axis

Element flips on X axis on hover.

#hover #transform

Live preview Hover

Flip X Fast

Quick X flip on hover.

#hover #transform #3d

Live preview Hover

Flip X Hard

Hard full X flip on hover.

#hover #transform #3d

Live preview Hover

Flip X Slow

Slow dramatic X flip on hover.

#hover #transform #3d

Live preview Hover

Flip X Soft

Soft gentle X flip on hover.

#hover #transform #3d

Live preview Hover

Flip Y Axis

Element flips on Y axis on hover.

#hover #transform

Live preview Hover

Flip Y Fast

Quick Y flip on hover.

#hover #transform #3d

Live preview Hover

Flip Y Hard

Hard full Y flip on hover.

#hover #transform #3d

Live preview Hover

Flip Y Slow

Slow dramatic Y flip on hover.

#hover #transform #3d

Live preview Hover

Flip Y Soft

Soft gentle Y flip on hover.

#hover #transform #3d

Live preview Hover

Flip Zoom

Flip with zoom on hover.

#hover #transform #3d

Live preview Hover

Float Rise

Element floats upward and stays on hover.

#hover #transform

Live preview Hover

Fold Corner

Corner folds over on hover.

#hover #border

Live preview Hover

Fold Double

Double fold on hover.

#hover #transform #3d

Live preview Hover

Fold Down

Folds downward on hover.

#hover #transform #3d

Live preview Hover

Fold Left

Folds to the left on hover.

#hover #transform #3d

Live preview Hover

Fold Origami Spread

Origami spread fold on hover.

#hover #transform #3d

Live preview Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Live preview Hover

Fold Up

Folds upward on hover.

#hover #transform #3d

Live preview Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Live preview Hover

Arrow Corner Frame

Arrow-shaped accents point inward at each corner on hover.

#hover #transform #border

Live preview Hover

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

Live preview Hover

Bracket Loosen

Inner brackets loosen outward to release the element on hover.

#hover #transform #border

Live preview Hover

Bracket Snap

Two L-brackets snap together to form a frame on hover.

#hover #transform #border

Live preview Hover

Bracket Tighten

Outer brackets tighten inward to grip the element on hover.

#hover #transform #border

Live preview Hover

Cassette Flap Frame

Top flap opens like a cassette tape on hover.

#hover #transform #border

Live preview Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Live preview Hover

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

Live preview Hover

Corners Slide Frame

Four corner brackets slide inward from each edge on hover.

#hover #border

Live preview Hover

Curtain Fold Frame

Top and bottom curtain edges fold away on hover.

#hover #transform

Live preview Hover

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

Live preview Hover

Dashes Crawl Frame

Dashed border marches around the element on hover.

#hover #animation #border

Live preview Hover

Dotted Crawl Frame

Dotted border slowly crawls around on hover.

#hover #animation #border

Live preview Hover

Double Trace Frame

Two borders trace around the element on hover.

#hover #transform #border

Live preview Hover

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #animation #shadow

Live preview Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Live preview Hover

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

Live preview Hover

Strong Glow Edge

Strong neon glow surrounds the element on hover.

#hover #shadow #border

Live preview Hover

Glow Pulse Edge

Edges pulse with glowing animation on hover.

#hover #animation #shadow

Live preview Hover

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

#hover #animation #gradient

Live preview Hover

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.

#hover #shadow #border

Live preview Hover

Inset Bevel Frame

Inset beveled frame creates depth on hover.

#hover #transform #shadow

Live preview Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Live preview Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

Live preview Hover

Mirror Half Frame

Frame halves slide in from top and bottom mirror on hover.

#hover #transform

Live preview Hover

Origami Corner Frame

Origami paper folds unfold at corners on hover.

#hover #border

Live preview Hover

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

#hover #transform #shadow

Live preview Hover

Photo Corners

Photo-album corner mounts appear on the four corners on hover.

#hover #transform

Live preview Hover

Polaroid Fold Frame

Polaroid-style frame with thick bottom border lifts on hover.

#hover #transform #shadow

Live preview Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Live preview Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Live preview Hover

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #animation #transform

Live preview Hover

Scale Edge Frame

Border scales from outside inward to frame the element on hover.

#hover #transform #border

Live preview Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Live preview Hover

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform

Live preview Hover

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

#hover #transform #border

Live preview Hover

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Live preview Hover

Tab Fold Frame

Top tab folds down to form a header on hover.

#hover #transform

Live preview Hover

Tape Peel Frame

Tape strip peels away revealing the border on hover.

#hover #transform

Live preview Hover

Tick Tack Frame

Border ticks alternate like a tick-tack animation on hover.

#hover #transform

Live preview Hover

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

#hover #transform #border

Live preview Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Live preview Hover

Wavy Line Frame

Wavy line undulates around the border on hover.

#hover #shadow #border

Live preview Hover

Zipper Open Frame

Zipper teeth separate as frame opens on hover.

#hover #gradient #border

Live preview Hover

Frost Crystal

Frost crystals form on hover.

#hover #shadow

Live preview Hover

Frost Freeze

Icy crystal pattern forms over the panel with a frosted blue tint on hover.

#gradient #hover #shadow

Live preview Hover

Gleam Cross

Cross gleam flashes on hover.

#hover #transform

Live preview Hover

Glitch Slice

Element slices with glitch effect on hover.

#hover #animation #transform

Live preview Hover

Glitter Shimmer

Glitter shimmers across surface on hover.

#hover #animation #gradient

Live preview Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Live preview Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Live preview Hover

Glow Aura Orb

Expanding aura orb radiates on hover.

#hover #gradient #transform

Live preview Hover

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Live preview Hover

Glow Border

A neon border glow softens and brightens on hover.

#glow #hover #shadow

Live preview Hover

Glow Flicker Tube

Fluorescent tube flicker on hover.

#hover #animation #shadow

Live preview Hover

Glow Gleam Sweep

Bright gleam sweeps across on hover.

#hover #gradient #transform

Live preview Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Live preview Hover

Glow Halo Disc

Floating halo disc forms above on hover.

#hover #gradient #transform

Live preview Hover

Glow Intensify

Soft glow steadily intensifies on hover.

#hover #shadow

Popular tags