LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 7)

İmleç etkileşimiyle tetiklenen mikro animasyonlar.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Hover

RGB Channel Split

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

#hover #transform

Canlı incele Hover

Rim Light Edge

Bright rim light traces edges on hover.

#hover #shadow #border

Canlı incele Hover

Ripple Pulse

An expanding ring ripples outward from the button on hover.

#gradient #hover #border

Canlı incele Hover

Rock Chair

Element rocks like a rocking chair on hover.

#hover #animation #transform

Canlı incele Hover

Rock Hard

Hard aggressive rocking on hover.

#hover #animation #transform

Canlı incele Hover

Rock Soft

Soft rocking motion on hover.

#hover #animation #transform

Canlı incele Hover

Roll Back

Element rolls backward on hover.

#hover #transform

Canlı incele Hover

Rotate 3D Book

Book-opening flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Box

Box lid flip open on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Card

Playing card 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate 3D Combo

Combined X+Y+Z rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Cube

Cube-face rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Door

Door-swing rotation on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Envelope

Envelope flap fold on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Flip

Single 3D flip on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Fold

Fold-over 3D on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Origami

Origami fold on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Page

Page-turn 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Panel

Panel swing on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Paper Boat

Paper boat rocking on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Paper Plane

Paper-plane banking on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Roll

Continuous 3D roll on hover.

#hover #animation #transform

Canlı incele Hover

Rotate 3D Shutter

Camera shutter flip on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Spin

Diagonal 3D spin on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Tilt

Smooth 3D tilt on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Tumble

Tumbling multi-axis rotation on hover.

#hover #animation #transform

Canlı incele Hover

Rotate 3D Twist

Twisted 3D rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Window

Window-shutter flip on hover.

#hover #transform #3d

Canlı incele Hover

Rotate Full Spin

Element does a full 360 spin on hover.

#hover #transform

Canlı incele Hover

3D Rotate Wobble

3D rotation with wobble on hover.

#hover #animation #transform

Canlı incele Hover

Rotate X Full

Full 360° rotation on X-axis on hover.

#hover #animation #transform

Canlı incele Hover

Rotate X Half

Half 180° rotation on X-axis on hover.

#hover #transform #3d

Canlı incele Hover

Rotate Y Full

Full 360° rotation on Y-axis on hover.

#hover #animation #transform

Canlı incele Hover

Rotate Y Half

Half 180° Y-axis rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate Z Full

Full 360° Z-axis spin on hover.

#hover #animation #transform

Canlı incele Hover

Rotate Z Half

Half 180° Z-axis rotation on hover.

#hover #transform

Canlı incele Hover

Rotate Z Spin

Element rotates 180 degrees on Z axis on hover.

#hover #transform

Canlı incele Hover

Rubber Band

Element wobbles like a rubber band on hover.

#hover #animation #transform

Canlı incele Hover

Rubber Snap

Rubber-band snap transform on hover.

#hover #animation #transform

Canlı incele Hover

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Canlı incele Hover

Saturate Pop

Colors punch to hyper-saturated on hover.

Canlı incele Hover

Saturate Surge

Saturation surges to maximum on hover.

Canlı incele Hover

Scale + Blur Background

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

#gradient #hover #shadow

Canlı incele Hover

Scale Grow

Element scales up uniformly on hover.

#hover #transform

Canlı incele Hover

3D Scale Pulse

3D pulsing scale on hover.

#hover #animation #transform

Canlı incele Hover

Scale Shrink

Element shrinks down on hover.

#hover #transform

Canlı incele Hover

Scanline Sweep

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

#gradient #animation #hover

Canlı incele Hover

Scramble Text

Text appears scrambled on hover.

#hover #animation #shadow

Canlı incele Hover

Seesaw Gentle

Gentle seesaw tilt on hover.

#hover #animation #transform

Canlı incele Hover

Seesaw Tilt

Element tilts like a seesaw on hover.

#hover #animation #transform

Canlı incele Hover

Seesaw Violent

Violent seesaw motion on hover.

#hover #animation #transform

Canlı incele Hover

Sepia Light

Subtle warm sepia wash on hover.

Canlı incele Hover

Sepia Strong

Deep sepia film tone on hover.

Canlı incele Hover

Sepia Warm

Vintage sepia tone washes over on hover.

Canlı incele Hover

Shadow 3D Deep

Deep 3D extruded shadow on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Angled

Sharp angled offset shadow on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Clone

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

#gradient #hover #shadow

Canlı incele Hover

Shadow Colored

Vibrant colored shadow on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Extend

Drop shadow stretches long and offset on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Hard Edge

Crisp hard-edged shadow on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Layered

Stacked layered shadows on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Long Tail

Long tail shadow streams on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Perspective

Perspective floor shadow on hover.

#hover #gradient #transform

Canlı incele Hover

Shadow Short Pop

Short tight shadow pop on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Soft

Soft diffuse shadow on hover.

#hover #transform #shadow

Canlı incele Hover

Shake Diagonal

Diagonal shake on hover.

#hover #animation #transform

Canlı incele Hover

Shake Horizontal

Horizontal shake on hover.

#hover #animation #transform

Canlı incele Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #transform

Canlı incele Hover

Mini Shake

Subtle small shake on hover.

#hover #animation #transform

Canlı incele Hover

Shake Random

Random multi-axis shake on hover.

#hover #animation #transform

Canlı incele Hover

Shake Side

Element shakes horizontally on hover.

#hover #animation #transform

Canlı incele Hover

Shake Subtle

Subtle micro-shake on hover.

#hover #animation #transform

Canlı incele Hover

Shake Vertical

Vertical shake on hover.

#hover #animation #transform

Canlı incele Hover

Shake Violent

Violent intense shake on hover.

#hover #animation #transform

Canlı incele Hover

Shatter Glass

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

#gradient #hover #glass

Canlı incele Hover

Shatter Glass

Shatters into glass shards on hover.

#hover #gradient #transform

Canlı incele Hover

Shimmer Veil

Shimmering veil over content on hover.

#hover #gradient

Canlı incele Hover

Shine Line Sweep

A bright shine band sweeps diagonally across the icon button.

#gradient #hover #border

Canlı incele Hover

Shiver Frost

Frosty shiver on hover.

#hover #animation #transform

Canlı incele Hover

Shrink Fade

Element shrinks and fades on hover.

#hover #transform

Canlı incele Hover

Shrink Vanish

Shrinks toward vanish on hover.

#hover #transform

Canlı incele Hover

Shudder Cold

Cold shudder on hover.

#hover #animation #transform

Canlı incele Hover

Shutter Close

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

#gradient #hover #shadow

Canlı incele Hover

Shutter Open

Horizontal shutter opens on hover.

#hover #transform

Canlı incele Hover

Sidespin

Element spins sideways on hover.

#hover #transform #3d

Canlı incele Hover

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Canlı incele Hover

Sink Down

Element sinks downward on hover.

#hover #transform

Canlı incele Hover

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

#gradient #hover #shadow

Canlı incele Hover

Skew X

Element skews horizontally on hover.

#hover #transform

Canlı incele Hover

Skew X Deep

Deep X-axis skew on hover.

#hover #transform

Canlı incele Hover

Skew Y

Element skews vertically on hover.

#hover #transform

Canlı incele Hover

Skew Y Deep

Deep Y-axis skew on hover.

#hover #transform

Canlı incele Hover

Slide Diagonal Reveal

Diagonal slide reveal on hover.

#hover #transform