LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 3)

İ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

Dust Settle

Dust settles down on hover.

Canlı incele Hover

Dust Swirl

Dust swirls around on hover.

#hover #animation #gradient

Canlı incele Hover

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Flame Top Edge

Top edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Edge Light Up

All four edges light up on hover.

Canlı incele Hover

Needle Left Edge

Vertical needle bar slides in from left edge on hover.

#hover #animation #gradient

Canlı incele Hover

Needle Right Edge

Vertical needle bar slides in from right edge on hover.

#hover #animation #gradient

Canlı incele Hover

Elastic Stretch

Element stretches and snaps back elastically on hover.

#hover #transform

Canlı incele Hover

Electric Cyan

Electric cyan outline crackles on hover.

#hover #shadow #border

Canlı incele Hover

Embers Glow

Glowing embers rise on hover.

#hover #animation #shadow

Canlı incele Hover

Embers Rise

Glowing embers rise on hover.

#hover #animation #transform

Canlı incele Hover

Evaporate Up

Content floats upward with a vertical blur as if evaporating on hover.

#gradient #hover #border

Canlı incele Hover

Evaporate Mist

Evaporates into mist on hover.

Canlı incele Hover

Explode Out

Colored shards burst outward in all directions with scaling and fading on hover.

#gradient #hover #border

Canlı incele Hover

Explode Out

Explodes outward on hover.

#hover #animation #transform

Canlı incele Hover

Fade Cross

Content cross-fades to a new label on hover.

Canlı incele Hover

Fade In Blur

Blurred fade-in on hover.

Canlı incele Hover

Fade In Delayed

Delayed fade-in on hover.

Canlı incele Hover

Fade In Fast

Quick fade-in on hover.

Canlı incele Hover

Fade In Rotate

Rotating fade-in on hover.

#hover #transform

Canlı incele Hover

Fade In Slide

Sliding fade-in on hover.

#hover #transform

Canlı incele Hover

Fade In Soft

Soft slow fade-in on hover.

Canlı incele Hover

Fade In Staggered

Staggered fade-in steps on hover.

Canlı incele Hover

Fade In Zoom

Zoom fade-in on hover.

#hover #transform

Canlı incele Hover

Fade & Slide Up

Default label fades up and out while a new label fades up into place on hover.

#hover #border #transform

Canlı incele Hover

Fire Burn

Burning fire effect on hover.

#hover #animation #shadow

Canlı incele Hover

Fire Flicker

Flickering firelight on hover.

#hover #animation #shadow

Canlı incele Hover

Fire Rise

Flames rise upward on hover.

#hover #gradient

Canlı incele Hover

Fire Spark

Fire sparks flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fireflies Blink

Fireflies blink in dark on hover.

#hover #animation #shadow

Canlı incele Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Canlı incele Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Canlı incele Hover

Firelight Glow

Warm firelight ember glow on hover.

#hover #animation #shadow

Canlı incele Hover

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Canlı incele Hover

Firework Cascade

Cascading firework on hover.

#hover #animation #shadow

Canlı incele Hover

Flash Burst

Single bright flash burst on hover.

#hover #animation #shadow

Canlı incele Hover

Flash Edges

Edges flash bright white on hover.

#hover #animation #shadow

Canlı incele Hover

Flip 3D Card

Card-style 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

Canlı incele Hover

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Canlı incele Hover

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

#hover #transform #3d

Canlı incele Hover

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

Canlı incele Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Canlı incele Hover

Flip Coin

Element flips like a spinning coin on hover.

#hover #gradient #transform

Canlı incele Hover

Flip Diagonal

Element flips diagonally on hover.

#hover #transform #3d

Canlı incele Hover

Soft Diagonal Flip

Soft diagonal flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Axis

Element flips on X axis on hover.

#hover #transform

Canlı incele Hover

Flip X Fast

Quick X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Hard

Hard full X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Slow

Slow dramatic X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Soft

Soft gentle X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Axis

Element flips on Y axis on hover.

#hover #transform

Canlı incele Hover

Flip Y Fast

Quick Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Hard

Hard full Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Slow

Slow dramatic Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Soft

Soft gentle Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Zoom

Flip with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Float Rise

Element floats upward and stays on hover.

#hover #transform

Canlı incele Hover

Fold Corner

Corner folds over on hover.

Canlı incele Hover

Fold Double

Double fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Down

Folds downward on hover.

#hover #transform #3d

Canlı incele Hover

Fold Left

Folds to the left on hover.

#hover #transform #3d

Canlı incele Hover

Fold Origami Spread

Origami spread fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Canlı incele Hover

Fold Up

Folds upward on hover.

#hover #transform #3d

Canlı incele Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Canlı incele Hover

Arrow Corner Frame

Arrow-shaped accents point inward at each corner on hover.

#hover #transform #border

Canlı incele Hover

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

Canlı incele Hover

Bracket Loosen

Inner brackets loosen outward to release the element on hover.

#hover #transform #border

Canlı incele Hover

Bracket Snap

Two L-brackets snap together to form a frame on hover.

#hover #transform #border

Canlı incele Hover

Bracket Tighten

Outer brackets tighten inward to grip the element on hover.

#hover #transform #border

Canlı incele Hover

Cassette Flap Frame

Top flap opens like a cassette tape on hover.

#hover #transform #border

Canlı incele Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Canlı incele Hover

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

Canlı incele Hover

Corners Slide Frame

Four corner brackets slide inward from each edge on hover.

Canlı incele Hover

Curtain Fold Frame

Top and bottom curtain edges fold away on hover.

#hover #transform

Canlı incele Hover

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

Canlı incele Hover

Dashes Crawl Frame

Dashed border marches around the element on hover.

#hover #animation #border

Canlı incele Hover

Dotted Crawl Frame

Dotted border slowly crawls around on hover.

#hover #animation #border

Canlı incele Hover

Double Trace Frame

Two borders trace around the element on hover.

#hover #transform #border

Canlı incele Hover

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #animation #shadow

Canlı incele Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Canlı incele Hover

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

Canlı incele Hover

Strong Glow Edge

Strong neon glow surrounds the element on hover.

#hover #shadow #border

Canlı incele Hover

Glow Pulse Edge

Edges pulse with glowing animation on hover.

#hover #animation #shadow

Canlı incele Hover

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.

#hover #shadow #border

Canlı incele Hover

Inset Bevel Frame

Inset beveled frame creates depth on hover.

#hover #transform #shadow

Canlı incele Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Canlı incele Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

Canlı incele Hover

Mirror Half Frame

Frame halves slide in from top and bottom mirror on hover.

#hover #transform

Canlı incele Hover

Origami Corner Frame

Origami paper folds unfold at corners on hover.

Canlı incele Hover

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

#hover #transform #shadow

Canlı incele Hover

Photo Corners

Photo-album corner mounts appear on the four corners on hover.

#hover #transform

Canlı incele Hover

Polaroid Fold Frame

Polaroid-style frame with thick bottom border lifts on hover.

#hover #transform #shadow