Most Popular CSS Effects (Page 68)

Live preview Hover

Rotate 3D Window

Window-shutter flip on hover.

#hover #transform #3d

Live preview Hover

Rotate Full Spin

Element does a full 360 spin on hover.

#hover #transform

Live preview Hover

3D Rotate Wobble

3D rotation with wobble on hover.

#hover #animation #transform

Live preview Hover

Rotate X Full

Full 360° rotation on X-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate X Half

Half 180° rotation on X-axis on hover.

#hover #transform #3d

Live preview Hover

Rotate Y Full

Full 360° rotation on Y-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate Y Half

Half 180° Y-axis rotation on hover.

#hover #transform #3d

Live preview Hover

Rotate Z Full

Full 360° Z-axis spin on hover.

#hover #animation #transform

Live preview Hover

Rotate Z Half

Half 180° Z-axis rotation on hover.

#hover #transform

Live preview Hover

Rotate Z Spin

Element rotates 180 degrees on Z axis on hover.

#hover #transform

Live preview Hover

Rubber Band

Element wobbles like a rubber band on hover.

#hover #animation #transform

Live preview Hover

Rubber Snap

Rubber-band snap transform on hover.

#hover #animation #transform

Live preview Hover

Saturate Pop

Colors punch to hyper-saturated on hover.

#hover #filter

Live preview Hover

Scale + Blur Background

Background scales up and blurs while a foreground panel focuses in.

#gradient #hover #shadow

Live preview Hover

Scale Grow

Element scales up uniformly on hover.

#hover #transform

Live preview Hover

3D Scale Pulse

3D pulsing scale on hover.

#hover #animation #transform

Live preview Hover

Scale Shrink

Element shrinks down on hover.

#hover #transform

Live preview Hover

Scanline Sweep

A bright CRT scanline sweeps vertically down the panel on hover.

#gradient #animation #hover

Live preview Hover

Scramble Text

Text appears scrambled on hover.

#hover #animation #shadow

Live preview Hover

Seesaw Gentle

Gentle seesaw tilt on hover.

#hover #animation #transform

Live preview Hover

Seesaw Tilt

Element tilts like a seesaw on hover.

#hover #animation #transform

Live preview Hover

Seesaw Violent

Violent seesaw motion on hover.

#hover #animation #transform

Live preview Hover

Sepia Light

Subtle warm sepia wash on hover.

#hover #filter

Live preview Hover

Sepia Strong

Deep sepia film tone on hover.

#hover #filter

Live preview Hover

Sepia Warm

Vintage sepia tone washes over on hover.

#hover #filter

Live preview Hover

Shadow 3D Deep

Deep 3D extruded shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Angled

Sharp angled offset shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Clone

Two blurred echo clones offset diagonally behind the button on hover.

#gradient #hover #shadow

Live preview Hover

Shadow Colored

Vibrant colored shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Extend

Drop shadow stretches long and offset on hover.

#hover #transform #shadow

Live preview Hover

Shadow Hard Edge

Crisp hard-edged shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Layered

Stacked layered shadows on hover.

#hover #transform #shadow

Live preview Hover

Shadow Long Tail

Long tail shadow streams on hover.

#hover #transform #shadow

Live preview Hover

Shadow Perspective

Perspective floor shadow on hover.

#hover #gradient #transform

Live preview Hover

Shadow Short Pop

Short tight shadow pop on hover.

#hover #transform #shadow

Live preview Hover

Shadow Soft

Soft diffuse shadow on hover.

#hover #transform #shadow

Live preview Hover

Shake Diagonal

Diagonal shake on hover.

#hover #animation #transform

Live preview Hover

Shake Horizontal

Horizontal shake on hover.

#hover #animation #transform

Live preview Hover

Mini Shake

Subtle small shake on hover.

#hover #animation #transform

Live preview Hover

Shake Random

Random multi-axis shake on hover.

#hover #animation #transform

Live preview Hover

Shake Side

Element shakes horizontally on hover.

#hover #animation #transform

Live preview Hover

Shake Subtle

Subtle micro-shake on hover.

#hover #animation #transform

Live preview Hover

Shake Vertical

Vertical shake on hover.

#hover #animation #transform

Live preview Hover

Shake Violent

Violent intense shake on hover.

#hover #animation #transform

Live preview Hover

Shatter Glass

Shatters into glass shards on hover.

#hover #gradient #transform

Live preview Hover

Shimmer Veil

Shimmering veil over content on hover.

#hover #gradient

Live preview Hover

Shine Line Sweep

A bright shine band sweeps diagonally across the icon button.

#gradient #hover #border

Live preview Hover

Shine Swipe Panel

A narrow highlight sweeps diagonally across the panel exactly once per hover.

#hover #gradient #transform

Live preview Hover

Shiver Frost

Frosty shiver on hover.

#hover #animation #transform

Live preview Hover

Shrink Fade

Element shrinks and fades on hover.

#hover #transform

Live preview Hover

Shrink Vanish

Shrinks toward vanish on hover.

#hover #transform

Live preview Hover

Shudder Cold

Cold shudder on hover.

#hover #animation #transform

Live preview Hover

Shutter Close

Four triangular shutter blades sweep in from the corners to close over the panel on hover.

#gradient #hover #shadow

Live preview Hover

Shutter Open

Horizontal shutter opens on hover.

#hover #transform

Live preview Hover

Sidespin

Element spins sideways on hover.

#hover #transform #3d

Live preview Hover

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Live preview Hover

Sink Down

Element sinks downward on hover.

#hover #transform

Live preview Hover

Skew Shift Tile

The tile leans into a slight skew and its shadow slides out to keep it grounded.

#hover #gradient #transform

Live preview Hover

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

#gradient #hover #shadow

Live preview Hover

Skew X

Element skews horizontally on hover.

#hover #transform

Live preview Hover

Skew Y

Element skews vertically on hover.

#hover #transform

Live preview Hover

Skew Y Deep

Deep Y-axis skew on hover.

#hover #transform

Live preview Hover

Slide Diagonal Reveal

Diagonal slide reveal on hover.

#hover #transform

Live preview Hover

Slide Down Fast

Fast downward slide on hover.

#hover #transform

Live preview Hover

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Down Soft

Soft slide downward on hover.

#hover #transform

Live preview Hover

Slide Left Fast

Fast slide to left on hover.

#hover #transform

Live preview Hover

Slide Left Reveal

Content slides left to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Left Soft

Soft slide to left on hover.

#hover #transform

Live preview Hover

Slide Reveal Overlay

A colored panel slides up from below, swapping the label text color.

#gradient #hover #border

Live preview Hover

Slide Right Fast

Fast slide to right on hover.

#hover #transform

Live preview Hover

Slide Right Reveal

Content slides right to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Right Soft

Soft slide to right on hover.

#hover #transform

Live preview Hover

Slide Up Fast

Fast upward slide on hover.

#hover #transform

Live preview Hover

Slide Up Reveal

Content slides up to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Up Soft

Soft slide upward on hover.

#hover #transform

Live preview Hover

Smoke Rise

Smoke rises upward on hover.

#hover #gradient #transform

Live preview Hover

Smoke Wisp

Smoke wisps drift upward on hover.

#hover #animation #transform

Live preview Hover

Snow Drift

Snow drifts down on hover.

#hover #animation #gradient

Live preview Hover

Snow Fall

Snow falls across surface on hover.

#hover #animation #gradient

Live preview Hover

Snow Swirl

Snow swirls in vortex on hover.

#hover #animation #gradient

Live preview Hover

Soft Inner Glow

Inner glow blooms from within on hover.

#hover #shadow

Live preview Hover

Somersault

Element does a somersault on hover.

#hover #transform

Live preview Hover

Sparkle Burst

Sparkles burst outward on hover.

#hover #transform

Live preview Hover

Sparks Burst

Sparks burst outward on hover.

#hover #transform #shadow

Live preview Hover

Sparks Rain

Sparks rain down on hover.

#hover #animation #gradient

Live preview Hover

Sparks Trail

Trail of sparks follows on hover.

#hover #animation #gradient

Live preview Hover

Spasm Jolt

Sudden spasm jolt on hover.

#hover #animation #transform

Live preview Hover

Fast Spin

Rapid continuous spin on hover.

#hover #animation #transform

Live preview Hover

Soft Spin

Soft 180-degree spin on hover.

#hover #transform

Live preview Hover

Spin Zoom

Combined spin and zoom on hover.

#hover #transform

Live preview Hover

Cursor Spotlight

A radial spotlight follows the cursor across the surface on hover.

#gradient #hover #border

Live preview Hover

Spotlight Cursor

Spotlight follows the cursor across the surface.

#hover #gradient

Live preview Hover

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Live preview Hover

Spotlight Zoom

Spotlight zooms in and brightens on hover.

#hover #gradient #transform

Live preview Hover

Spring Bounce

Spring-loaded bounce on hover.

#hover #transform

Browse by category

Popular tags