LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 2)

İ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

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

Canlı incele Hover

Cartwheel Left

Element cartwheels to the left on hover.

#hover #transform

Canlı incele Hover

Cartwheel Right

Element cartwheels to the right on hover.

#hover #transform

Canlı incele Hover

Checker Hide

Checker pattern hides on hover.

#hover #gradient

Canlı incele Hover

Checker Reveal

Checker pattern reveals new color on hover.

#hover #gradient

Canlı incele Hover

Amber Glow

Warm amber glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Amethyst Purple

Amethyst purple shine on hover.

#hover #gradient

Canlı incele Hover

Aquamarine

Aquamarine sea-water tint on hover.

#hover #gradient

Canlı incele Hover

Berry Burst

Berry purple-magenta burst on hover.

#hover #gradient

Canlı incele Hover

Bubblegum

Pink bubblegum tint on hover.

#hover #gradient

Canlı incele Hover

Burgundy Rich

Rich burgundy wine tint on hover.

#hover #gradient

Canlı incele Hover

Color Burst Radial

Radial color burst emanates from center on hover.

#hover #gradient

Canlı incele Hover

Clay Earth

Earth clay brown tint on hover.

#hover #gradient

Canlı incele Hover

Coral Reef

Coral reef orange-pink tint on hover.

#hover #gradient

Canlı incele Hover

Hue Cycle Fast

Rapidly cycles through hue rotation on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Medium

Medium speed hue rotation cycle on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Slow

Slow hypnotic hue rotation cycle on hover.

#hover #animation #transform

Canlı incele Hover

Dawn Tint

Soft pink dawn tint washes over on hover.

#hover #gradient

Canlı incele Hover

Denim Blue

Denim blue tint on hover.

#hover #gradient

Canlı incele Hover

Dusk Tint

Deep dusk purple tint on hover.

#hover #gradient

Canlı incele Hover

Emerald Shine

Emerald green shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Forest Deep

Deep forest green on hover.

#hover #gradient

Canlı incele Hover

Color Invert Pill

Pill swaps its background and text colors instantly on hover.

#hover #border #transform

Canlı incele Hover

Color Invert BG

Background and text invert on hover.

Canlı incele Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Canlı incele Hover

Lava Flow

Molten lava flow gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Canlı incele Hover

Lemon Zest

Zesty lemon yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mint Cool

Cool mint green tint on hover.

#hover #gradient

Canlı incele Hover

Monochrome Shift

Element shifts to monochrome on hover.

#hover #transform #filter

Canlı incele Hover

Mustard Yellow

Mustard yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Canlı incele Hover

Neon Static

Static neon glow on hover.

#hover #shadow #border

Canlı incele Hover

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Pastel Wash

Soft pastel wash overlay on hover.

#hover #gradient

Canlı incele Hover

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Color Pop Splash

Vivid color splashes across element on hover.

#hover #transform #filter

Canlı incele Hover

Rainbow Static

Static rainbow gradient on hover.

#hover #gradient

Canlı incele Hover

Rose Quartz

Rose quartz pink shimmer on hover.

#hover #gradient

Canlı incele Hover

Ruby Red

Deep ruby red glow on hover.

#hover #gradient

Canlı incele Hover

Sage Soft

Soft sage green tint on hover.

#hover #gradient

Canlı incele Hover

Sand Warm

Warm sand tan tint on hover.

#hover #gradient

Canlı incele Hover

Sapphire Blue

Deep sapphire blue glow on hover.

#hover #gradient

Canlı incele Hover

Color Shift BG

Background hue rotates continuously on hover.

#hover #animation #gradient

Canlı incele Hover

Sky Bright

Bright sky blue on hover.

#hover #gradient

Canlı incele Hover

Split CMYK

CMYK color channels separate on hover.

#hover #transform

Canlı incele Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Canlı incele Hover

Sunrise Glow

Soft sunrise gradient emerges on hover.

#hover #gradient

Canlı incele Hover

Sunset Glow

Warm sunset gradient glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Color Swap Fast

Foreground and background colors swap on hover.

#hover #transform #border

Canlı incele Hover

Tangerine

Bright tangerine orange on hover.

#hover #gradient

Canlı incele Hover

Thermal Cold

Cool thermal colors flow on hover.

#hover #gradient

Canlı incele Hover

Thermal Hot

Thermal heat-map colors fire up on hover.

#hover #gradient

Canlı incele Hover

Topaz Yellow

Bright topaz yellow on hover.

#hover #gradient

Canlı incele Hover

Turquoise Sea

Turquoise sea gradient on hover.

#hover #gradient

Canlı incele Hover

Twilight Shift

Twilight purple-blue shift on hover.

#hover #gradient

Canlı incele Hover

Vibrant Pop

Vibrant colors pop with extreme saturation on hover.

#hover #transform #filter

Canlı incele Hover

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Canlı incele Hover

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Canlı incele Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient

Canlı incele Hover

Confetti Burst

Confetti bursts outward on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Fall

Confetti falls on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Scatter

Confetti scatters outward on hover.

#hover #animation #transform

Canlı incele Hover

Contrast Extreme

Punchy high-contrast boost on hover.

Canlı incele Hover

Contrast Punch

Contrast spikes for a punchy look on hover.

#hover #gradient #filter

Canlı incele Hover

Contrast Reduce

Flattens contrast for a soft look on hover.

Canlı incele Hover

Cool Overlay

Cool blue overlay washes in on hover.

#hover #gradient

Canlı incele Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Corner Border Draw

Four accent corner brackets draw inward on hover, framing the content.

#hover #border #transform

Canlı incele Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Canlı incele Hover

Cube Rotate 3D

Element rotates like a cube face on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Fall

Curtain falls down to cover content on hover.

#hover #gradient #transform

Canlı incele Hover

Curtain Open

Two colored curtains split apart horizontally to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Curtain Rise

Curtain rises to reveal content on hover.

#hover #gradient #transform

Canlı incele Hover

Cyan Shift

Hue rotates to cyan on hover.

#hover #transform #filter

Canlı incele Hover

Cyber Glitch

Cyberpunk RGB-split glitch with rapid clip-path jumps on hover.

#animation #hover #border

Canlı incele Hover

Depth Pop

Element pops forward in 3D depth on hover.

#hover #transform

Canlı incele Hover

Desaturate Drain

Color drains away to grayscale on hover.

#hover #gradient #transform

Canlı incele Hover

Desaturate Fade

Color bleeds out to a faded tone on hover.

Canlı incele Hover

Desaturate Wash

Full grayscale wash with subtle blur on hover.

#hover #transform #filter

Canlı incele Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Canlı incele Hover

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

#hover #transform

Canlı incele Hover

Dispersion Spectrum

Full spectrum dispersion splits on hover.

#hover #gradient

Canlı incele Hover

Dissolve to Dots

A dotted overlay fades in over the panel, dissolving the content into a dot matrix on hover.

#gradient #hover #border

Canlı incele Hover

Dissolve Grain

Grainy dissolve on hover.

Canlı incele Hover

Dissolve Pixels

Element dissolves into pixels on hover.

Canlı incele Hover

Drift Slow

Slow ambient drift on hover.

#hover #animation #transform

Canlı incele Hover

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

#hover #transform #filter

Canlı incele Hover

Duotone Cyan Magenta

Cyan/magenta neon duotone split on hover.

#hover #transform

Canlı incele Hover

Duotone Green Orange

Green/orange duotone overlay on hover.

Canlı incele Hover

Duotone Purple Yellow

Purple/yellow complementary duotone on hover.

Canlı incele Hover

Duotone Red Blue

Red and blue duotone blend layers on hover.