LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti

İ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

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #transform

Canlı incele Hover

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Hover

Bounce Elastic

Elastic overshoot bounce on hover.

#hover #transform

Canlı incele Hover

Duotone Magenta

Magenta-cyan duotone filter on hover.

#hover #transform #filter

Canlı incele Hover

Embers Float

Floating embers drift up on hover.

#hover #animation #transform

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Canlı incele Hover

Fast Typewriter

Fast typewriter effect on hover.

Canlı incele Hover

3D Page Turn

Page-turn 3D effect on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Flip

3D combined zoom and flip on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

#hover #transform #3d

Canlı incele Hover

Acid Green Tint

Acid green tint pulses through on hover.

Canlı incele Hover

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

#hover #transform #filter

Canlı incele Hover

Ambient Glow Fill

Ambient glow fills the surface on hover.

#hover #gradient

Canlı incele Hover

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Canlı incele Hover

Aperture Iris Open

Camera aperture opens to reveal on hover.

#hover #gradient

Canlı incele Hover

Arrow Nudge

Link text with an arrow icon that nudges to the right on hover.

#hover #transform

Canlı incele Hover

Aura Radiate

Soft aura radiates outward on hover.

Canlı incele Hover

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Canlı incele Hover

Backspin

Element backspins on hover.

#hover #transform #3d

Canlı incele Hover

Barn Door Close

Two-panel barn door closes on hover.

#hover #transform

Canlı incele Hover

Barn Door Horizontal

Horizontal barn doors open on hover.

#hover #transform

Canlı incele Hover

Barn Door Open

Two panels split apart like barn doors on hover.

#hover #transform

Canlı incele Hover

Barn Door Vertical

Vertical barn doors open on hover.

#hover #transform

Canlı incele Hover

Beam Sweep

Vertical light beam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Beat Heart

Heartbeat double-thump on hover.

#hover #animation #transform

Canlı incele Hover

BG Aurora Drift

Aurora-like waves drift on hover.

#hover #animation #gradient

Canlı incele Hover

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

Canlı incele Hover

BG Circuit Trace

Circuit lines trace on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Color Cycle

Background cycles through colors on hover.

#hover #animation

Canlı incele Hover

BG Confetti Fall

Confetti pattern falls on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Canlı incele Hover

BG Grid Scroll

Grid pattern scrolls on hover.

#hover #animation #gradient

Canlı incele Hover

BG Mesh Shift

Mesh gradient layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Canlı incele Hover

BG Parallax Shift

Background layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Pattern Move

Background pattern shifts on hover.

#hover #animation #gradient

Canlı incele Hover

BG Radial Pulse

Radial gradient pulses on hover.

#hover #animation #gradient

Canlı incele Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Shimmer

Shimmer sweeps across background on hover.

#hover #gradient #transform

Canlı incele Hover

BG Spotlight Reveal

Spotlight reveals hidden bg on hover.

#hover #gradient

Canlı incele Hover

BG Stripe Roll

Diagonal stripes roll on hover.

#hover #animation #gradient

Canlı incele Hover

BG Vignette Pulse

Vignette pulses around edges on hover.

#hover #animation #gradient

Canlı incele Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Canlı incele Hover

BG Zoom Pan

Background zooms and pans on hover.

#hover #gradient

Canlı incele Hover

Blacklight Glow

UV blacklight glow on hover.

Canlı incele Hover

Blinds Open

Vertical blinds open on hover.

#hover #transform

Canlı incele Hover

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Blink Swap

Content blinks rapidly and swaps text on each blink cycle on hover.

#animation #hover #border

Canlı incele Hover

Bloom Glow

Soft bloom-like glow softens on hover.

#hover #shadow #filter

Canlı incele Hover

Blue Shift

Hue rotates to blue on hover.

#hover #transform #filter

Canlı incele Hover

Blur In Clear

Element starts blurred, sharpens on hover.

Canlı incele Hover

Blur Out

Element blurs out on hover.

Canlı incele Hover

Bob Buoy

Buoy bobbing on water on hover.

#hover #animation #transform

Canlı incele Hover

Bob Float

Element bobs up and down on hover.

#hover #animation #transform

Canlı incele Hover

Boing Up

Boing-like spring upward on hover.

#hover #animation #transform

Canlı incele Hover

Border Beam Trace

Light beam traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Canlı incele Hover

Border Corner Accent

Corner accent brackets grow on hover.

Canlı incele Hover

Border Dash March

Dashed border marches around on hover.

#hover #animation #border

Canlı incele Hover

Border Dotted March

Dotted border marches around on hover.

#hover #animation #border

Canlı incele Hover

Border Double Line

Double-line border draws on hover.

#hover #shadow #border

Canlı incele Hover

Border Draw Full

Border draws around all sides on hover.

Canlı incele Hover

Border Expand Out

Border outline expands outward on hover.

#hover #transform #border

Canlı incele Hover

Border Glow Trace

Glowing dot traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Gradient Flow

Animated gradient border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Border Neon Edge

Neon glow edge border on hover.

#hover #shadow #border

Canlı incele Hover

Border Pulse Glow

Border pulses with glow on hover.

#hover #animation #shadow

Canlı incele Hover

Border Rainbow Flow

Rainbow border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Border Unwrap

Border unwraps from one side on hover.

Canlı incele Hover

Bounce Diagonal

Bounces diagonally on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Down

Element bounces downward on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Jelly

Wobbly jelly bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Left

Element bounces to the left on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Random

Erratic random bounces on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Right

Element bounces to the right on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Rubber

Rubbery stretch bounce on hover.

#hover #transform

Canlı incele Hover

Bounce Spring

Spring-loaded bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Up

Element bounces upward in a spring motion on hover.

#hover #animation #transform

Canlı incele Hover

Bow Down

Element bows down on hover.

#hover #transform

Canlı incele Hover

Deep Breathe

Deep breathing scale on hover.

#hover #animation #transform

Canlı incele Hover

Breathe Scale

Element breathes in and out on hover.

#hover #animation #transform

Canlı incele Hover

Soft Breathe

Soft breathing animation on hover.

#hover #animation #transform

Canlı incele Hover

Brightness Dim

Dims to half brightness on hover.

Canlı incele Hover

Brightness Flare

Element flares bright on hover.

Canlı incele Hover

Brightness Solar

Blinding solar brightness on hover.

#hover #shadow #filter

Canlı incele Hover

Bubbles Burst

Bubbles burst outward on hover.

#hover #animation #shadow

Canlı incele Hover

Bubbles Float

Floating bubbles rise on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Rise

Bubbles rise upward on hover.

#hover #animation #gradient

Canlı incele Hover

Bulge Bubble

Bulges into a bubble on hover.

#hover #transform

Canlı incele Hover

Bulge Center

Element bulges outward in center on hover.

#hover #transform

Canlı incele Hover

Bungee Drop

Bungee-cord drop animation on hover.

#hover #animation #transform

Canlı incele Hover

Candle Flame Light

Warm flickering candle glow on hover.

#hover #animation #shadow