LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

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 Pop

Colors punch to hyper-saturated 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

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

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

Shine Swipe Panel

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

#hover #gradient #transform

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 Shift Tile

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

#hover #gradient #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 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

Canlı incele Hover

Slide Down Fast

Fast downward slide on hover.

#hover #transform

Canlı incele Hover

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

#hover #transform

Canlı incele Hover

Slide Down Soft

Soft slide downward on hover.

#hover #transform

Canlı incele Hover

Slide Left Fast

Fast slide to left on hover.

#hover #transform

Canlı incele Hover

Slide Left Reveal

Content slides left to reveal hidden layer on hover.

#hover #transform

Canlı incele Hover

Slide Left Soft

Soft slide to left on hover.

#hover #transform

Canlı incele Hover

Slide Reveal Overlay

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

#gradient #hover #border

Canlı incele Hover

Slide Right Fast

Fast slide to right on hover.

#hover #transform

Canlı incele Hover

Slide Right Reveal

Content slides right to reveal hidden layer on hover.

#hover #transform

Canlı incele Hover

Slide Right Soft

Soft slide to right on hover.

#hover #transform

Canlı incele Hover

Slide Up Fast

Fast upward slide on hover.

#hover #transform

Canlı incele Hover

Slide Up Reveal

Content slides up to reveal hidden layer on hover.

#hover #transform

Canlı incele Hover

Slide Up Soft

Soft slide upward on hover.

#hover #transform

Canlı incele Hover

Smoke Rise

Smoke rises upward on hover.

#hover #gradient #transform

Canlı incele Hover

Smoke Wisp

Smoke wisps drift upward on hover.

#hover #animation #transform

Canlı incele Hover

Snow Drift

Snow drifts down on hover.

#hover #animation #gradient

Canlı incele Hover

Snow Fall

Snow falls across surface on hover.

#hover #animation #gradient

Canlı incele Hover

Snow Swirl

Snow swirls in vortex on hover.

#hover #animation #gradient

Canlı incele Hover

Soft Inner Glow

Inner glow blooms from within on hover.

Canlı incele Hover

Somersault

Element does a somersault on hover.

#hover #transform

Canlı incele Hover

Sparkle Burst

Sparkles burst outward on hover.

#hover #transform

Canlı incele Hover

Sparks Burst

Sparks burst outward on hover.

#hover #transform #shadow

Canlı incele Hover

Sparks Rain

Sparks rain down on hover.

#hover #animation #gradient

Canlı incele Hover

Sparks Trail

Trail of sparks follows on hover.

#hover #animation #gradient

Canlı incele Hover

Spasm Jolt

Sudden spasm jolt on hover.

#hover #animation #transform

Canlı incele Hover

Fast Spin

Rapid continuous spin on hover.

#hover #animation #transform

Canlı incele Hover

Soft Spin

Soft 180-degree spin on hover.

#hover #transform

Canlı incele Hover

Spin Zoom

Combined spin and zoom on hover.

#hover #transform

Canlı incele Hover

Cursor Spotlight

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

#gradient #hover #border

Canlı incele Hover

Spotlight Cursor

Spotlight follows the cursor across the surface.

#hover #gradient

Canlı incele Hover

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Canlı incele Hover

Spotlight Zoom

Spotlight zooms in and brightens on hover.

#hover #gradient #transform

Canlı incele Hover

Spring Bounce

Spring-loaded bounce on hover.

#hover #transform