LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 9)

İ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

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

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

Canlı incele Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotational

Full rotational wobble on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Canlı incele Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Canlı incele Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Canlı incele Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Blur

Content zooms in with a radial blur, simulating a dolly zoom on hover.

#gradient #hover #shadow

Canlı incele Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Canlı incele Hover

Zoom Jump

Zoom and jump combined on hover.

#hover #transform

Canlı incele Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Canlı incele Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Canlı incele Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #transform

Canlı incele Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Canlı incele Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Canlı incele Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow