Most Popular CSS Effects (Page 14)

Live preview Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Live preview Hover

Flip X Axis

Element flips on X axis on hover.

#hover #transform

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

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 Up

Folds upward on hover.

#hover #transform #3d

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

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

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

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

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

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Live preview Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Live preview Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Live preview Hover

Sticker Lift Frame

Sticker-style frame lifts and peels 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

Glow Beam Vertical

Vertical light beam sweeps on hover.

#hover #gradient #transform

Live preview Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Live preview Hover

Glow Soft Pulse

Soft pulsing glow halo on hover.

#hover #animation #shadow

Live preview Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Live preview Hover

Glow Spotlight Beam

Bright spotlight beam from above on hover.

#hover #gradient #transform

Live preview Hover

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #animation #shadow

Live preview Hover

Grayscale Partial

Half-faded grayscale for a muted look on hover.

#hover #transform #filter

Live preview Hover

Grayscale Reveal

Starts grayscale, hover reveals full color.

#hover #gradient #transform

Live preview Hover

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Live preview Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Live preview Hover

Highlight Sweep

Bright highlight band sweeps across on hover.

#hover #gradient #transform

Live preview Hover

Hue Cycle Partial

Hue oscillates across a partial range on hover.

#hover #animation #transform

Live preview Hover

Hue Shift Cool

Hue rotates toward cool tones on hover.

#hover #gradient #transform

Live preview Hover

Hue Shift Warm

Hue rotates toward warm tones on hover.

#hover #gradient #transform

Live preview Hover

Zoom Frame Thumbnail

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

#hover #gradient #transform

Live preview Hover

Implode In

Implodes inward on hover.

#hover #animation #transform

Live preview Hover

Ink Bleed

Ink bleeds outward on hover.

#hover #transform #filter

Live preview Hover

Inner Shadow Glow

Inset shadow glows from edges on hover.

#hover #shadow

Live preview Hover

Invert Toggle

Instant full color inversion on hover.

#hover #filter

Live preview Hover

Jelly Wobble

Element wobbles like jelly on hover.

#hover #animation #transform

Live preview Hover

3D Jolt

Quick 3D jolt animation on hover.

#hover #animation #transform

Live preview Hover

Lens Flare Soft

Soft anamorphic lens flare on hover.

#hover #gradient #transform

Live preview Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

Live preview Hover

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

Live preview Hover

Hexagon Clip

Hexagon clip-path reveals on hover.

#hover

Live preview Hover

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

#hover #transform #3d

Live preview Hover

Curtain Fall Fast Mask

Curtain falls quickly on hover.

#hover #transform

Live preview Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Live preview Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Live preview Hover

Mosaic Tile Flip

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

#gradient #hover #3d

Live preview Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Live preview Hover

Cosmos Particles

Cosmic stardust swirls on hover.

#hover #animation #gradient

Live preview Hover

Leaf Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Plasma Stream

Plasma stream flows on hover.

#hover #animation #gradient

Live preview Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Live preview Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Live preview Hover

Vapor Mist

Soft vapor mist drifts on hover.

#hover #animation #gradient

Live preview Hover

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

Live preview Hover

Pixel Grid Light

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

#gradient #hover #shadow

Live preview Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Live preview Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Live preview Hover

RGB Channel Split

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

#hover #transform

Live preview Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Live preview Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

Live preview Hover

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Live preview Hover

Saturate Surge

Saturation surges to maximum on hover.

#hover #filter

Live preview Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #transform

Live preview Hover

Shatter Glass

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

#gradient #hover #glass

Live preview Hover

Skew X Deep

Deep X-axis skew on hover.

#hover #transform

Live preview Hover

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Live preview Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Live preview Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Live preview Hover

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Live preview Hover

Static Noise

TV static noise overlay fills the panel with rapid random flicker on hover.

#animation #hover #border

Live preview Hover

Text Blur Focus

Text blurs then focuses on hover.

#hover #filter

Live preview Hover

Letter Spaced

Letters spread apart on hover.

#hover

Live preview Hover

Text Mask Reveal

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

#gradient #hover #transform

Live preview Hover

Outline Color Text

Text outline changes color on hover.

#hover

Live preview Hover

Text Rainbow Cycle

Each letter cycles rainbow on hover.

#hover

Live preview Hover

Stack Shadow Text

Stacked shadows form on text on hover.

#hover #shadow

Live preview Hover

Text Strike Through

Line strikes through text on hover.

#hover #transform

Live preview Hover

Fast Typewriter

Fast typewriter effect on hover.

#hover

Live preview Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Live preview Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Live preview Hover

Tint Yellow

Yellow color tint overlay on hover.

#hover

Live preview Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Live preview Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Live preview Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Live preview Hover

Center-Out Underline

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

#hover #css

Live preview Hover

Vanish

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

#gradient #hover #border

Live preview Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Live preview Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Live preview Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Live preview Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Live preview Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Most viewed effects

Browse by category

Popular tags