LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 8)

İ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

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

Random-direction slide reveal 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 Curl

Smoke curls upward on hover.

#hover #animation #gradient

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 Fly

Sparks fly outward on hover.

#hover #animation #transform

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

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 Burst

Tiny stars burst outward on hover.

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

Text Blur Focus

Text blurs then focuses on hover.

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.