Hover Effects — 850 CSS effects

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.

#hover #shadow #border

Inset Bevel Frame

Inset beveled frame creates depth on hover.

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

Mirror Half Frame

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

Origami Corner Frame

Origami paper folds unfold at corners on hover.

#hover #border

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

Photo Corners

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

Polaroid Fold Frame

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

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #transform #border

Scale Edge Frame

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

Shadow Frame

Layered colored shadows build a frame on hover.

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform #border

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Tab Fold Frame

Top tab folds down to form a header on hover.

Tape Peel Frame

Tape strip peels away revealing the border on hover.

Tick Tack Frame

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

#hover #transform #border

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

Wavy Line Frame

Wavy line undulates around the border on hover.

#hover #shadow #border

Zipper Open Frame

Zipper teeth separate as frame opens on hover.

#hover #gradient #border

Frost Crystal

Frost crystals form on hover.

Frost Freeze

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

#gradient #hover #shadow

Gleam Cross

Cross gleam flashes on hover.

Glitch Slice

Element slices with glitch effect on hover.

Glitter Shimmer

Glitter shimmers across surface on hover.

Glitter Sparkle

Glitter sparkles on hover.

Glitter Twinkle

Twinkling glitter on hover.

Glow Aura Orb

Expanding aura orb radiates on hover.

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Glow Border

A neon border glow softens and brightens on hover.

#glow #hover #shadow

Glow Flicker Tube

Fluorescent tube flicker on hover.

Glow Gleam Sweep

Bright gleam sweeps across on hover.

Glow Gradient Flow

Animated gradient glow flows around on hover.

Glow Halo Disc

Floating halo disc forms above on hover.

Glow Intensify

Soft glow steadily intensifies on hover.

Glow Rainbow

Cycling rainbow glow on hover.

Glow Shimmer Wave

Shimmer wave of light on hover.

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.

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

Glow Twinkle Field

Twinkling starfield glows on hover.

Glow Vignette Deep

Deep vignette shadow with inner glow on hover.

#hover #gradient #shadow

Gold Sheen Sweep

Metallic gold sheen sweeps diagonally on hover.

Gradient Glow

Multi-color gradient glow surrounds on hover.

Gradient Sweep

A diagonal gradient band sweeps across the button on hover.

#gradient #hover #border

#hover #border #transform

Grain Texture Reveal

A subtle film-grain noise texture fades in over the panel on hover.

Grayscale Full

Complete grayscale conversion on hover.

Grayscale Partial

Half-faded grayscale for a muted look on hover.

Grayscale Reveal

Starts grayscale, hover reveals full color.

Green Shift

Hue rotates to green on hover.

Grow Bloom

Soft grow bloom on hover.

Grow Clear

Element grows from blurred to clear on hover.

Halo Ring

A glowing halo ring expands on hover.

Handstand

Element flips upside down on hover.

Heartbeat Pulse

Element pulses like a heartbeat on hover.

Hearts Burst

Hearts burst outward on hover.

Hearts Float

Tiny hearts float up on hover.

Highlight Sweep

Bright highlight band sweeps across on hover.

Hue Cycle

Element cycles through the full hue spectrum on hover.

Hue Cycle Full

Continuously cycles hue through full 360° 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.

Image Zoom Overlay

Image scales up gently while a dark overlay fades in with a caption.

#gradient #hover #border

Implode

Content shrinks toward a central point with a vortex glow on hover.

#gradient #hover #border

Implode In

Implodes inward on hover.

Infrared Heat

Infrared heat-glow on hover.

Ink Bleed

Ink bleeds outward on hover.

Inner Shadow Glow

Inset shadow glows from edges on hover.

Invert Flash

Colors instantly invert on hover.

#hover #filter

Invert Partial

Partial color inversion creates a surreal tone on hover.

#hover #animation #filter

Invert Strobe

Rapid inversion strobe pulses on hover.

Invert Toggle

Instant full color inversion on hover.

#hover #filter

Iris Close

Iris-shutter closes on hover.

Iris Expand

Iris expands to reveal on hover.

Iris Open

Circular iris opens to reveal new color on hover.

Iris Shrink

Iris shrinks to a point on hover.

#hover #gradient

Jelly Bounce

Jelly-like bounce on hover.

Jelly Wobble Fast

Fast jelly wobble on hover.

Jiggle Fast

Fast jiggle on hover.

Jiggle Slow

Slow jiggle on hover.

Jiggle Small

Element jiggles with tiny rapid movements on hover.

3D Jolt

Quick 3D jolt animation on hover.

Key Light Studio

Studio key-light sweep on hover.

Laser Line

Thin laser line crosses horizontally on hover.

Leap Up

Element leaps upward on hover.

Lens Flare

Lens flare spots drift across on hover.

#hover #gradient

Lens Flare Burst

Burst of lens flares on hover.

#hover #gradient

Lens Flare Soft

Soft anamorphic lens flare on hover.