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

Squash Flat

Element squashes flat on hover.

#hover #transform

Canlı incele Hover

Stage Light Spot

Theatrical stage spot on hover.

#hover #gradient #transform

Canlı incele Hover

Starburst Rays

Radiating starburst rays on hover.

#hover #gradient #transform

Canlı incele Hover

Stars Shoot

Shooting stars streak on hover.

#hover #animation #transform

Canlı incele Hover

Stars Spin

Stars spin in galaxy on hover.

#hover #animation #gradient

Canlı incele Hover

Stars Twinkle

Stars twinkle in night sky on hover.

#hover #animation #gradient

Canlı incele Hover

Static Noise

TV static noise overlay fills the panel with rapid random flicker on hover.

#animation #hover #border

Canlı incele Hover

Stretch Tall

Element stretches tall and thin on hover.

#hover #transform

Canlı incele Hover

Stretch Taller

Stretches taller on hover.

#hover #transform

Canlı incele Hover

Stretch Wider

Stretches wider on hover.

#hover #transform

Canlı incele Hover

Stretch X

Element stretches horizontally on hover.

#hover #transform

Canlı incele Hover

Stretch Y

Element stretches vertically on hover.

#hover #transform

Canlı incele Hover

Stretchy Pull

Stretchy elastic pull on hover.

#hover #transform

Canlı incele Hover

Strobe Flash

Rapid strobe flash pulses on hover.

#hover #animation

Canlı incele Hover

Strobe Pulse

Pulsing strobe light on hover.

#hover #animation #shadow

Canlı incele Hover

Sway Gentle

Element sways gently side to side on hover.

#hover #animation #transform

Canlı incele Hover

Sway Violent

Violent swaying motion on hover.

#hover #animation #transform

Canlı incele Hover

Swing Gentle

Gentle pendulum swing on hover.

#hover #animation #transform

Canlı incele Hover

Swing Pendulum

Element swings like a pendulum on hover.

#hover #animation #transform

Canlı incele Hover

Swing Violent

Violent full-arc swing on hover.

#hover #animation #transform

Canlı incele Hover

Teal Shift

Hue rotates to teal on hover.

#hover #transform #filter

Canlı incele Hover

Teeter Hard

Hard teeter on edge on hover.

#hover #animation #transform

Canlı incele Hover

Teeter Soft

Soft teeter-totter on hover.

#hover #animation #transform

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

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 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 Grow Text

Text outline grows 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

Stretch Letters

Letters stretch horizontally 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 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 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

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

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

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

Growing Underline

A rule grows out from the centre of the link and thickens as it reaches the ends.

#hover #transform

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

Venetian Tilt

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

#gradient #hover #3d

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

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Canlı incele Hover

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Wipe Right

New color wipes in from left to right on hover.

#hover #transform

Canlı incele Hover

Wipe Up

New color wipes up from bottom on hover.

#hover #transform

Canlı incele Hover

Wobble Hard

Hard aggressive wobble on hover.

#hover #animation #transform