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

Teleport Poof

Button puffs out into a smoke ring and reappears with a flash on hover.

#animation #hover #border

Canlı incele Hover

Teleport Flash

Teleports with flash on hover.

#hover #animation #transform

Canlı incele Hover

Text 3D Pop

Text pops out in 3D on hover.

#hover #transform #shadow

Canlı incele Hover

Blur Letters

Letters blur on hover.

Canlı incele Hover

Bounce Letters

Letters bounce up and down on hover.

#hover #animation #transform

Canlı incele Hover

Color Cycle Letters

Letters cycle through colors on hover.

#hover #animation

Canlı incele Hover

Cursor Blink

Blinking cursor appears after text on hover.

#hover #animation

Canlı incele Hover

Cursor Grow

Cursor grows tall behind text on hover.

Canlı incele Hover

Text Decode

Text decodes from random characters on hover.

#hover #animation #shadow

Canlı incele Hover

Text Encrypt

Text scrambles like encryption on hover.

#hover #animation #transform

Canlı incele Hover

Gradient Fill Text

Gradient fill appears in text on hover.

#hover #gradient

Canlı incele Hover

Image Fill Text

Image-like pattern fills text on hover.

#hover #gradient

Canlı incele Hover

Pattern Fill Text

Pattern fills text on hover.

#hover #gradient

Canlı incele Hover

Text Fill Sweep

Text fills with color sweep on hover.

Canlı incele Hover

Flip Letters

Letters flip on hover.

#hover #transform #3d

Canlı incele Hover

Text Flip Up

Text flips upward on hover.

#hover #transform

Canlı incele Hover

Text Glitch RGB

Text glitches with RGB split on hover.

#hover #animation #transform

Canlı incele Hover

Strong Glow Text

Strong neon glow on text on hover.

Canlı incele Hover

Jiggle Letters

Letters jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Letter Spaced

Letters spread apart on hover.

Canlı incele Hover

Text Letter Wave

Letters wave individually on hover.

#hover #transform

Canlı incele Hover

Marquee Scroll

Text scrolls like a marquee on hover.

#hover #animation #transform

Canlı incele Hover

Text Mask Reveal

A duplicate gradient-filled text slides up to mask-reveal on hover.

#gradient #hover #transform

Canlı incele Hover

Text Morph Color

Text color morphs through palette on hover.

#hover #animation

Canlı incele Hover

Text Neon Flicker

Text glows with neon flicker on hover.

#hover #animation #shadow

Canlı incele Hover

Outline Color Text

Text outline changes color on hover.

Canlı incele Hover

Outline Grow Text

Text outline grows on hover.

Canlı incele Hover

Pop Letter

Letters pop up sequentially on hover.

#hover #animation #transform

Canlı incele Hover

Text Rainbow Cycle

Each letter cycles rainbow on hover.

Canlı incele Hover

3D Text Shadow

3D shadow stack appears on text on hover.

Canlı incele Hover

Distant Shadow Text

Distant shadow appears on text on hover.

Canlı incele Hover

Double Shadow Text

Two-tone shadow on text on hover.

Canlı incele Hover

Text Long Shadow

Long layered text shadow on hover.

Canlı incele Hover

Multi Shadow Text

Multiple colored shadows on text on hover.

Canlı incele Hover

Neon Shadow Text

Neon glow shadow on text on hover.

Canlı incele Hover

Soft Shadow Text

Soft blurred shadow on text on hover.

Canlı incele Hover

Stack Shadow Text

Stacked shadows form on text on hover.

Canlı incele Hover

Stretch Letters

Letters stretch horizontally on hover.

#hover #transform

Canlı incele Hover

Text Strike Through

Line strikes through text on hover.

#hover #transform

Canlı incele Hover

Text Stroke Draw

Text stroke draws in on hover.

Canlı incele Hover

Slow Typewriter

Slow typewriter effect on hover.

Canlı incele Hover

Text Underline Grow

Underline grows from center on hover.

#hover #transform

Canlı incele Hover

Wave Letters

Letters wave up and down on hover.

#hover #animation #transform

Canlı incele Hover

Thermal Map

Heat-map thermal gradient on hover.

#hover #gradient #shadow

Canlı incele Hover

Thump Bass

Bass thump impact on hover.

#hover #animation #transform

Canlı incele Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Canlı incele Hover

Tick Metronome

Metronome back-and-forth tick on hover.

#hover #animation #transform

Canlı incele Hover

Tilt Back 3D

Element tilts back in 3D space on hover.

#hover #transform

Canlı incele Hover

Tilt Forward 3D

Element tilts forward in 3D space on hover.

#hover #transform

Canlı incele Hover

Tilt Left

Element tilts to the left on hover.

#hover #transform

Canlı incele Hover

Tilt Right

Element tilts to the right on hover.

#hover #transform

Canlı incele Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Canlı incele Hover

Tilt Zoom

Tilt with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Tint Blue

Blue color tint overlay on hover.

Canlı incele Hover

Tint Cyan

Cyan color tint overlay on hover.

Canlı incele Hover

Tint Green

Green color tint overlay on hover.

Canlı incele Hover

Tint Purple

Purple color tint overlay on hover.

Canlı incele Hover

Tint Red

Red color tint overlay on hover.

Canlı incele Hover

Tint Yellow

Yellow color tint overlay on hover.

Canlı incele Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Canlı incele Hover

Topspin

Element topspins forward on hover.

#hover #transform #3d

Canlı incele Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Canlı incele Hover

Tremor Shiver

Element trembles like shivering on hover.

#hover #animation #transform

Canlı incele Hover

Tremor Soft

Soft tremor on hover.

#hover #animation #transform

Canlı incele Hover

Tritone Forest

Earthy forest tritone gradient on hover.

#hover #gradient #shadow

Canlı incele Hover

Tritone Ocean

Deep ocean tritone on hover.

#hover #gradient #shadow

Canlı incele Hover

Tritone Sunset

Three-band sunset gradient overlay on hover.

#hover #gradient #shadow

Canlı incele Hover

Tumble Back

Element tumbles backward in 3D on hover.

#hover #transform #3d

Canlı incele Hover

TV Turn Off

Panel collapses to a thin horizontal line then fades like an old TV switching off.

#gradient #hover #border

Canlı incele Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Canlı incele Hover

Twirl Spin

Element twirls with scale on hover.

#hover #transform

Canlı incele Hover

Twirl Tornado

Spinning tornado twirl on hover.

#hover #animation #transform

Canlı incele Hover

Twist 3D

Element twists in 3D on hover.

#hover #transform

Canlı incele Hover

Twitch Nervous

Nervous twitch on hover.

#hover #animation #transform

Canlı incele Hover

Side Twitch

Quick side twitch on hover.

#hover #animation #transform

Canlı incele Hover

Up Twitch

Quick upward twitch on hover.

#hover #animation #transform

Canlı incele Hover

Typewriter Reveal

Text types out character by character on hover.

#hover #animation

Canlı incele Hover

Ultraviolet Bloom

UV bloom with deep violet glow on hover.

Canlı incele Hover

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Canlı incele Hover

Center-Out Underline

An underline grows outward from the link's center on hover.

Canlı incele Hover

Unfold Open

Unfolds open on hover.

#hover #transform #3d

Canlı incele Hover

Unfold Spread

Unfolds spread on hover.

#hover #transform #3d

Canlı incele Hover

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Canlı incele Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Canlı incele Hover

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Canlı incele Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Canlı incele Hover

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Canlı incele Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Canlı incele Hover

Vintage Film

Aged film look with sepia and grain on hover.

Canlı incele Hover

Warm Overlay

Warm orange overlay washes in on hover.

#hover #gradient

Canlı incele Hover

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Canlı incele Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Canlı incele Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Canlı incele Hover

Wipe Down

New color wipes down from top on hover.

#hover #transform

Canlı incele Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Canlı incele Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

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