LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 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

Peek Over

Element peeks over from above on hover.

#hover #transform

Canlı incele Hover

Peek Under

Element peeks from below on hover.

#hover #transform

Canlı incele Hover

Pendulum Fast

Fast pendulum swing on hover.

#hover #animation #transform

Canlı incele Hover

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

Canlı incele Hover

Perspective Tilt

Element tilts with strong perspective on hover.

#hover #transform

Canlı incele Hover

Petals Drift

Sakura petals drift on hover.

#hover #animation #transform

Canlı incele Hover

Petals Fall

Cherry petals drift down on hover.

#hover #animation #gradient

Canlı incele Hover

Petals Swirl

Petals swirl around on hover.

#hover #animation #transform

Canlı incele Hover

Pinch Middle

Middle pinches inward on hover.

#hover #transform

Canlı incele Hover

Pink Shift

Hue rotates to pink on hover.

#hover #transform #filter

Canlı incele Hover

Pixel Grid Light

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

#gradient #hover #shadow

Canlı incele Hover

Pixelate Blur

Element pixelates with blur on hover.

Canlı incele Hover

Pixelate In

Pixelate snap-in on hover.

Canlı incele Hover

Pixelate Out

Pixelate dissolve out on hover.

Canlı incele Hover

Polaroid Tint

Warm polaroid instant-film tint on hover.

#hover #transform #filter

Canlı incele Hover

Polychrome Neon

Sharp neon hue cycling on hover.

#hover #animation #shadow

Canlı incele Hover

Polychrome Pastel

Soft pastel hue rotation on hover.

#hover #animation

Canlı incele Hover

Polychrome Rainbow

Animated rainbow wash on hover.

#hover #animation #gradient

Canlı incele Hover

Pop In

Element pops inward on hover.

#hover #transform

Canlı incele Hover

Pop Out

Element pops outward on hover.

#hover #transform

Canlı incele Hover

Pulse Glow Halo

A neon halo rhythmically pulses around the button while hovered.

#animation #glow #hover

Canlı incele Hover

Pulse Light

Soft light pulses gently on hover.

#hover #animation #shadow

Canlı incele Hover

Pulse Throb

Throbbing pulse on hover.

#hover #animation #transform

Canlı incele Hover

Purple Haze

Dreamy purple haze drifts over on hover.

#hover #gradient #transform

Canlı incele Hover

Purple Shift

Hue rotates to purple on hover.

#hover #transform #filter

Canlı incele Hover

Push Reveal

Top label pushes up and out, pulling a second label up from below on hover.

#hover #border #transform

Canlı incele Hover

Quiver Soft

Soft nervous quiver on hover.

#hover #animation #transform

Canlı incele Hover

Rain Pour

Pouring rain on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Ripple

Ripple rings from rain on hover.

#hover #animation #shadow

Canlı incele Hover

Rain Splash

Rain splash droplets on hover.

#hover #animation #transform

Canlı incele Hover

Rainbow Text Flow

Rainbow gradient flows across text on hover.

#hover #animation #gradient

Canlı incele Hover

Ray Burst

Light rays burst outward from center on hover.

#hover #animation #gradient

Canlı incele Hover

Red Shift

Hue rotates to red on hover.

#hover #transform #filter

Canlı incele Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Canlı incele Hover

Reflection Mirror

Mirror reflection beneath on hover.

#hover #gradient #transform

Canlı incele Hover

Reflection Water

Wavy water reflection on hover.

#hover #animation #gradient

Canlı incele Hover

Refraction Lens

Lens refraction magnifies on hover.

#hover #transform #filter

Canlı incele Hover

Refraction Prism

Prism splits light on hover.

#hover #gradient #transform

Canlı incele Hover

RGB Shift Anim

RGB channels shift continuously on hover.

#hover #animation #shadow

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.

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3