LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#hover CSS efektleri

"hover" etiketiyle eşleşen 3.025 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

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

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform

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

Green Shift

Hue rotates to green on hover.

#hover #transform #filter

Canlı incele Hover

Grow Clear

Element grows from blurred to clear on hover.

#hover #transform #filter

Canlı incele Hover

Handstand

Element flips upside down on hover.

#hover #transform

Canlı incele Hover

Has-Selector Sibling Dim

Hovering one row dims every other row, because :has() lifts the state to the list.

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

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

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

Infrared Heat

Infrared heat-glow 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

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

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

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

Canlı incele Hover

Horizontal Bars Reveal

Multiple horizontal bars slide in on hover.

#hover #transform

Canlı incele Hover

Vertical Bars Reveal

Multiple vertical bars slide in to reveal content on hover.

#hover #transform

Canlı incele Hover

Center Out Mask

Mask expands from center outward on hover.

Canlı incele Hover

Checker Emerge Mask

Checkerboard pattern emerges on hover.

Canlı incele Hover

Circle Clip Grow

Circle clip-path grows to reveal on hover.

#hover #gradient

Canlı incele Hover

Circle Clip Shrink

Circle clip-path shrinks to reveal original on hover.

#hover #gradient

Canlı incele Hover

Diamond Clip

Diamond-shaped clip-path reveals on hover.

Canlı incele Hover

Octagon Clip

Octagon clip-path reveals on hover.

Canlı incele Hover

Pentagon Clip

Pentagon clip-path reveals on hover.

Canlı incele Hover

Triangle Clip

Triangle clip-path reveals on hover.

Canlı incele Hover

Clock Wipe Mask

Clock-hand wipe reveals from center on hover.

Canlı incele Hover

Conic Spin Grow

Conic gradient mask spins and grows on hover.

Canlı incele Hover

Corners Collapse Mask

Four corners collapse inward on hover.

#hover #transform

Canlı incele Hover

Counter Clockwise Wipe

Counter-clockwise wipe reveals on hover.

Canlı incele Hover

Cross Wipe Mask

Two wipes cross to form an X on hover.

#hover #transform

Canlı incele Hover

Curtain Ripple Mask

Curtain ripples to reveal content on hover.

#hover #transform

Canlı incele Hover

Curtain Rise Fast Mask

Curtain rises quickly on hover.

#hover #transform

Canlı incele Hover

Side Curtain Mask

Curtain parts horizontally on hover.

#hover #transform

Canlı incele Hover

Diagonal Wipe BL

Diagonal wipe reveals from bottom-left corner on hover.

Canlı incele Hover

Diagonal Wipe TR

Diagonal wipe reveals from top-right corner on hover.

Canlı incele Hover

Dots Grow Mask

Dots multiply and grow to fill on hover.

#hover #animation #gradient

Canlı incele Hover

Edge In Mask

Mask contracts from edges inward on hover.

Canlı incele Hover

Fade Blur Mask

Content blurs in with fade on hover.

Canlı incele Hover

Fade Flip X Mask

Content flips X-fades in on hover.

#hover #transform