Hover Effects — 860 CSS effects

Flip X Axis

Element flips on X axis on hover.

Flip Y Axis

Element flips on Y axis on hover.

Flip Y Fast

Quick Y flip on hover.

Fold Corner

Corner folds over on hover.

#hover #border

Fold Double

Double fold on hover.

Fold Up

Folds upward on hover.

#hover #transform #border

Arrow Corner Frame

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

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

Curtain Fold Frame

Top and bottom curtain edges fold away on hover.

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

Glitch Corner Frame

Corners glitch and shift on hover.

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #border

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

Glow Beam Vertical

Vertical light beam sweeps on hover.

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

#hover #animation #shadow

Glow Soft Pulse

Soft pulsing glow halo on hover.

Glow Sparkle Dust

Sparkle dust glints on hover.

Glow Spotlight Beam

Bright spotlight beam from above on hover.

#hover #animation #shadow

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #transform #filter

Grayscale Partial

Half-faded grayscale for a muted look on hover.

Grayscale Reveal

Starts grayscale, hover reveals full color.

Grow Bloom

Soft grow bloom on hover.

Halo Ring

A glowing halo ring expands on hover.

Highlight Sweep

Bright highlight band sweeps across on hover.

Hue Cycle Partial

Hue oscillates across a partial range on hover.

Hue Shift Cool

Hue rotates toward cool tones on hover.

Hue Shift Warm

Hue rotates toward warm tones on hover.

Zoom Frame Thumbnail

The artwork scales up inside a fixed frame while an inset border draws itself in.

Implode In

Implodes inward on hover.

#hover #transform #filter

Ink Bleed

Ink bleeds outward on hover.

Inner Shadow Glow

Inset shadow glows from edges on hover.

#hover #shadow

Invert Toggle

Instant full color inversion on hover.

#hover #filter

Jelly Wobble

Element wobbles like jelly on hover.

3D Jolt

Quick 3D jolt animation on hover.

Lens Flare Soft

Soft anamorphic lens flare on hover.

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

3D Blinds Mask

Blinds fold in 3D on hover.

Hexagon Clip

Hexagon clip-path reveals on hover.

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

Curtain Fall Fast Mask

Curtain falls quickly on hover.

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

Stripes Vertical Mask

Vertical stripes cascade down on hover.

Mosaic Tile Flip

A 3x3 grid of small tiles flips in 3D in a staggered wave on hover.

#gradient #hover #3d

Candle Flame

Soft candle flame flickers on hover.

Cosmos Particles

Cosmic stardust swirls on hover.

Leaf Fall

Leaves fall across on hover.

Plasma Stream

Plasma stream flows on hover.

Rainbow Arcs

Rainbow arcs shimmer on hover.

Steam Rise

Steam wisps rise on hover.

Vapor Mist

Soft vapor mist drifts on hover.

Pendulum Slow

Slow pendulum motion on hover.

Pixel Grid Light

A fine grid of pixel dots lights up across the panel on hover.

#gradient #hover #shadow

Property Trace Frame

Hover starts a registered angle animating, so the gradient outline runs the perimeter.

Rain Drops

Rain streaks fall on hover.

Reflection Glass

Frosted glass reflection on hover.

RGB Channel Split

Text splits into red and cyan channel ghosts that drift apart on hover.

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #transform #border

Rotate 3D Crate

Crate lid swings open on hover.

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Saturate Surge

Saturation surges to maximum on hover.

#hover #filter

Mega Shake

Violent mega shake on hover.

Shatter Glass

Panel splits into 4 glassy quadrants that fly outward and fade on hover.

#gradient #hover #glass

Skew X Deep

Deep X-axis skew on hover.

Smoke Curl

Smoke curls upward on hover.

Sparks Fly

Sparks fly outward on hover.

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Stars Burst

Tiny stars burst outward on hover.

Text Blur Focus

Text blurs then focuses on hover.

#hover #filter

Letter Spaced

Letters spread apart on hover.

#gradient #hover #transform

Text Mask Reveal

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

Outline Color Text

Text outline changes color on hover.

Text Rainbow Cycle

Each letter cycles rainbow on hover.

Stack Shadow Text

Stacked shadows form on text on hover.

#hover #shadow

Text Strike Through

Line strikes through text on hover.

Fast Typewriter

Fast typewriter effect on hover.

Tick Clock

Steady clock tick on hover.

Tilt Skew

Combined tilt and skew transform on hover.

Tint Yellow

Yellow color tint overlay on hover.

Top Light Beam

Light beam shines down from top on hover.

Tremor Hard

Hard intense tremor on hover.

Twinkle Stars

Tiny stars twinkle on hover.

Center-Out Underline

An underline grows outward from the link's center on hover.

#hover #css

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Vanish Poof

Vanishes in a poof on hover.

Vibrate Fast

Element vibrates rapidly on hover.

Wipe Diagonal

Diagonal wipe reveal on hover.

Wipe Left

New color wipes in from right to left on hover.

Wipe Linear

Linear wipe sweep on hover.

Horizontal Wobble

Horizontal wobble motion on hover.

Wobble Soft

Soft gentle wobble on hover.

Vertical Wobble

Vertical wobble motion on hover.

Zoom Flip

Zoom with flip transform on hover.