Most Popular CSS Effects (Page 11)

Live preview Hover

Color Burst Radial

Radial color burst emanates from center on hover.

#hover #gradient

Live preview Hover

Denim Blue

Denim blue tint on hover.

#hover #gradient

Live preview Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Live preview Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Live preview Hover

Monochrome Shift

Element shifts to monochrome on hover.

#hover #transform #filter

Live preview Hover

Ruby Red

Deep ruby red glow on hover.

#hover #gradient

Live preview Hover

Sage Soft

Soft sage green tint on hover.

#hover #gradient

Live preview Hover

Color Shift BG

Background hue rotates continuously on hover.

#hover #animation #gradient

Live preview Hover

Sky Bright

Bright sky blue on hover.

#hover #gradient

Live preview Hover

Colour Split Word

The word tears into a red and cyan pair before snapping back together.

#hover #transform

Live preview Hover

Split CMYK

CMYK color channels separate on hover.

#hover #transform

Live preview Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Live preview Hover

Color Swap Fast

Foreground and background colors swap on hover.

#hover #transform #border

Live preview Hover

Thermal Cold

Cool thermal colors flow on hover.

#hover #gradient

Live preview Hover

Topaz Yellow

Bright topaz yellow on hover.

#hover #gradient

Live preview Hover

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Live preview Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient

Live preview Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Live preview Hover

Confetti Fall

Confetti falls on hover.

#hover #animation #transform

Live preview Hover

Cool Overlay

Cool blue overlay washes in on hover.

#hover #gradient

Live preview Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Live preview Hover

Curtain Open

Two colored curtains split apart horizontally to reveal content on hover.

#gradient #hover #shadow

Live preview Hover

Cyan Shift

Hue rotates to cyan on hover.

#hover #transform #filter

Live preview Hover

Cyber Glitch

Cyberpunk RGB-split glitch with rapid clip-path jumps on hover.

#animation #hover #border

Live preview Hover

Desaturate Fade

Color bleeds out to a faded tone on hover.

#hover #filter

Live preview Hover

Desaturate Wash

Full grayscale wash with subtle blur on hover.

#hover #transform #filter

Live preview Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Live preview Hover

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

#hover #transform

Live preview Hover

Dissolve to Dots

A dotted overlay fades in over the panel, dissolving the content into a dot matrix on hover.

#gradient #hover #border

Live preview Hover

Dissolve Grain

Grainy dissolve on hover.

#hover #filter

Live preview Hover

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

#hover #transform #filter

Live preview Hover

Duotone Red Blue

Red and blue duotone blend layers on hover.

#hover

Live preview Hover

Dust Settle

Dust settles down on hover.

#hover #filter

Live preview Hover

Dust Swirl

Dust swirls around on hover.

#hover #animation #gradient

Live preview Hover

Flame Top Edge

Top edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Live preview Hover

Embers Float

Floating embers drift up on hover.

#hover #animation #transform

Live preview Hover

Embers Glow

Glowing embers rise on hover.

#hover #animation #shadow

Live preview Hover

Explode Out

Colored shards burst outward in all directions with scaling and fading on hover.

#gradient #hover #border

Live preview Hover

Fade In Fast

Quick fade-in on hover.

#hover

Live preview Hover

Fade In Zoom

Zoom fade-in on hover.

#hover #transform

Live preview Hover

Fire Flicker

Flickering firelight on hover.

#hover #animation #shadow

Live preview Hover

Fire Spark

Fire sparks flicker on hover.

#hover #animation #gradient

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

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

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

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

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

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

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

Browse by category

Popular tags