LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#hover CSS efektleri

"hover" etiketiyle eşleşen 2.879 ü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

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

Canlı incele Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

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

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

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

Hexagon Clip

Hexagon 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

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Fall Fast Mask

Curtain falls quickly 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

Canlı incele Hover

Fade Flip Y Mask

Content flips Y-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Rotate Mask

Content rotates-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Skew Mask

Content skews-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Slide Down Mask

Fades in while sliding down on hover.

#hover #transform

Canlı incele Hover

Fade Slide Up Mask

Fades in while sliding up on hover.

#hover #transform

Canlı incele Hover

Fade Zoom Mask

Content zoom-fades in on hover.

#hover #transform

Canlı incele Hover

Grid Emerge Mask

Grid pattern emerges across the element on hover.

#hover #gradient

Canlı incele Hover

Iris Wipe Mask

Iris-like circle wipe reveals on hover.

#hover #gradient

Canlı incele Hover

Jigsaw Assemble Mask

Jigsaw pieces assemble on hover.

#hover #transform

Canlı incele Hover

Linear Wipe Bottom

Linear wipe reveals content from bottom on hover.

Canlı incele Hover

Linear Wipe Left

Linear wipe reveals content from left on hover.

Canlı incele Hover

Linear Wipe Right

Linear wipe reveals content from right on hover.

Canlı incele Hover

Linear Wipe Top

Linear wipe reveals content from top on hover.

Canlı incele Hover

Mosaic Tile Mask

Mosaic tiles flip in on hover.

#hover #transform

Canlı incele Hover

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d

Canlı incele Hover

Pixelate Reveal Mask

Pixelated mosaic reveals on hover.

#hover #gradient

Canlı incele Hover

Puzzle Piece Mask

Puzzle pieces fit together on hover.

#hover #transform

Canlı incele Hover

Quad Four Mask

Four quadrants animate on hover.

#hover #transform

Canlı incele Hover

Radial Mask Grow

Radial mask reveals content from center outward on hover.

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3