LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 4)

İ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

Polaroid Fold Frame

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

#hover #transform #shadow

Canlı incele Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #animation #transform

Canlı incele Hover

Scale Edge Frame

Border scales from outside inward to frame the element on hover.

#hover #transform #border

Canlı incele Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Canlı incele Hover

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform

Canlı incele Hover

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

#hover #transform #border

Canlı incele Hover

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Canlı incele Hover

Tab Fold Frame

Top tab folds down to form a header on hover.

#hover #transform

Canlı incele Hover

Tape Peel Frame

Tape strip peels away revealing the border on hover.

#hover #transform

Canlı incele Hover

Tick Tack Frame

Border ticks alternate like a tick-tack animation on hover.

#hover #transform

Canlı incele Hover

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

#hover #transform #border

Canlı incele Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Canlı incele Hover

Wavy Line Frame

Wavy line undulates around the border on hover.

#hover #shadow #border

Canlı incele Hover

Zipper Open Frame

Zipper teeth separate as frame opens on hover.

#hover #gradient #border

Canlı incele Hover

Frost Crystal

Frost crystals form on hover.

Canlı incele Hover

Frost Freeze

Icy crystal pattern forms over the panel with a frosted blue tint on hover.

#gradient #hover #shadow

Canlı incele Hover

Gleam Cross

Cross gleam flashes on hover.

#hover #transform

Canlı incele Hover

Glitch Slice

Element slices with glitch effect on hover.

#hover #animation #transform

Canlı incele Hover

Glitter Shimmer

Glitter shimmers across surface on hover.

#hover #animation #gradient

Canlı incele Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Canlı incele Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Aura Orb

Expanding aura orb radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Beam Vertical

Vertical light beam sweeps on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Canlı incele Hover

Glow Border

A neon border glow softens and brightens on hover.

#glow #hover #shadow

Canlı incele Hover

Glow Flicker Tube

Fluorescent tube flicker on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Gleam Sweep

Bright gleam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Halo Disc

Floating halo disc forms above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Intensify

Soft glow steadily intensifies on hover.

Canlı incele Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Canlı incele Hover

Glow Rainbow

Cycling rainbow glow on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Shimmer Wave

Shimmer wave of light on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Soft Pulse

Soft pulsing glow halo on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Canlı incele Hover

Glow Spotlight Beam

Bright spotlight beam from above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Twinkle Field

Twinkling starfield glows on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Vignette Deep

Deep vignette shadow with inner glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Gold Sheen Sweep

Metallic gold sheen sweeps diagonally on hover.

#hover #gradient #transform

Canlı incele Hover

Gradient Glow

Multi-color gradient glow surrounds on hover.

#hover #animation #gradient

Canlı incele Hover

Gradient Sweep

A diagonal gradient band sweeps across the button on hover.

#gradient #hover #border

Canlı incele Hover

Grain Texture Reveal

A subtle film-grain noise texture fades in over the panel on hover.

#hover #border #transform

Canlı incele Hover

Grayscale Full

Complete grayscale conversion on hover.

#hover #gradient #transform

Canlı incele Hover

Grayscale Partial

Half-faded grayscale for a muted look on hover.

#hover #transform #filter

Canlı incele Hover

Grayscale Reveal

Starts grayscale, hover reveals full color.

#hover #gradient #transform

Canlı incele Hover

Green Shift

Hue rotates to green on hover.

#hover #transform #filter

Canlı incele Hover

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Canlı incele Hover

Grow Clear

Element grows from blurred to clear on hover.

#hover #transform #filter

Canlı incele Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Canlı incele Hover

Handstand

Element flips upside down on hover.

#hover #transform

Canlı incele Hover

Heartbeat Pulse

Element pulses like a heartbeat on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Burst

Hearts burst outward on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Float

Tiny hearts float up on hover.

#hover #animation #transform

Canlı incele Hover

Highlight Sweep

Bright highlight band sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Cycle

Element cycles through the full hue spectrum on hover.

#hover #animation #gradient

Canlı incele Hover

Hue Cycle Full

Continuously cycles hue through full 360° on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Partial

Hue oscillates across a partial range on hover.

#hover #animation #transform

Canlı incele Hover

Hue Shift Cool

Hue rotates toward cool tones on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Shift Warm

Hue rotates toward warm tones on hover.

#hover #gradient #transform

Canlı incele Hover

Image Zoom Overlay

Image scales up gently while a dark overlay fades in with a caption.

#gradient #hover #border

Canlı incele Hover

Implode

Content shrinks toward a central point with a vortex glow on hover.

#gradient #hover #border

Canlı incele Hover

Implode In

Implodes inward on hover.

#hover #animation #transform

Canlı incele Hover

Infrared Heat

Infrared heat-glow on hover.

Canlı incele Hover

Ink Bleed

Ink bleeds outward on hover.

#hover #transform #filter

Canlı incele Hover

Inner Shadow Glow

Inset shadow glows from edges on hover.

Canlı incele Hover

Invert Flash

Colors instantly invert on hover.

Canlı incele Hover

Invert Partial

Partial color inversion creates a surreal tone on hover.

#hover #transform #filter

Canlı incele Hover

Invert Strobe

Rapid inversion strobe pulses on hover.

#hover #animation #filter

Canlı incele Hover

Invert Toggle

Instant full color inversion on hover.

Canlı incele Hover

Iris Close

Iris-shutter closes on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Expand

Iris expands to reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Open

Circular iris opens to reveal new color on hover.

#hover #transform

Canlı incele Hover

Iris Shrink

Iris shrinks to a point on hover.

#hover #gradient

Canlı incele Hover

Jelly Bounce

Jelly-like bounce on hover.

#hover #animation #transform

Canlı incele Hover

Jelly Wobble

Element wobbles like jelly on hover.

#hover #animation #transform

Canlı incele Hover

Jelly Wobble Fast

Fast jelly wobble on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Fast

Fast jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Slow

Slow jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Small

Element jiggles with tiny rapid movements on hover.

#hover #animation #transform

Canlı incele Hover

3D Jolt

Quick 3D jolt animation on hover.

#hover #animation #transform

Canlı incele Hover

Key Light Studio

Studio key-light sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Laser Line

Thin laser line crosses horizontally on hover.

#hover #transform #shadow

Canlı incele Hover

Leap Up

Element leaps upward on hover.

#hover #transform #shadow

Canlı incele Hover

Lens Flare

Lens flare spots drift across on hover.

#hover #gradient

Canlı incele Hover

Lens Flare Burst

Burst of lens flares on hover.

#hover #gradient

Canlı incele Hover

Lens Flare Soft

Soft anamorphic lens flare on hover.

#hover #gradient #transform

Canlı incele Hover

Letter-Spacing Expand

Text loosens its letter-spacing and inverts color on hover.

Canlı incele Hover

Lift Card Shadow

Card lifts upward with a soft, diffuse shadow on hover.

#hover #shadow #border

Canlı incele Hover

Lightning Flash

Lightning flash on hover.

#hover #animation #shadow

Canlı incele Hover

Liquid Fill

Liquid fills up from bottom on hover.

#hover #gradient

Canlı incele Hover

Look Up

Element looks up on hover.

#hover #transform

Canlı incele Hover

Magenta Burst

Magenta color bursts outward on hover.

Canlı incele Hover

Magenta Shift

Hue rotates to magenta on hover.

#hover #transform #filter