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

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Canlı incele Hover

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Canlı incele Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Canlı incele Hover

Vintage Film

Aged film look with sepia and grain on hover.

Canlı incele Hover

Warm Overlay

Warm orange overlay washes in on hover.

#hover #gradient

Canlı incele Hover

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Canlı incele Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Canlı incele Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Canlı incele Hover

Wipe Down

New color wipes down from top on hover.

#hover #transform

Canlı incele Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Canlı incele Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Wipe Right

New color wipes in from left to right on hover.

#hover #transform

Canlı incele Hover

Wipe Up

New color wipes up from bottom on hover.

#hover #transform

Canlı incele Hover

Wobble Hard

Hard aggressive wobble on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotational

Full rotational wobble on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Canlı incele Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Canlı incele Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Canlı incele Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Blur

Content zooms in with a radial blur, simulating a dolly zoom on hover.

#gradient #hover #shadow

Canlı incele Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Canlı incele Hover

Zoom Jump

Zoom and jump combined on hover.

#hover #transform

Canlı incele Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Canlı incele Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Canlı incele Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #transform

Canlı incele Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Canlı incele Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Canlı incele Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow

Canlı incele Navigation

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt X Navbar

Active link tilts on the X-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt XY Navbar

Active link tilts diagonally on both X and Y axes.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt Y Navbar

Active link tilts on the Y-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigation

Arrow 3D Perspective Navbar

Nav with 3D perspective arrow-shaped active indicator.

#hover #transform #shadow

Canlı incele Navigation

Arrow Asterisk Spin Navbar

Nav with spinning asterisk arrow accent on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Bounce Drop Navbar

Nav with arrow indicators that bounce-drop on hover.

#hover #animation #transform

Canlı incele Navigation

Arrow Chevron Point Navbar

Nav with chevron-pointed active indicators.

#hover #transform

Canlı incele Navigation

Arrow Circle Dot Navbar

Nav with circular dot arrow indicators on active items.

#hover #shadow #border

Canlı incele Navigation

Arrow Cross Mark Navbar

Nav with cross-mark arrow accent on the active item.

#hover #transform

Canlı incele Navigation

Arrow Diagonal Travel Navbar

Nav links travel diagonally on hover with arrow accents.

#hover #transform

Canlı incele Navigation

Arrow Diamond Shape Navbar

Nav with diamond-shaped arrow indicators on active items.

Canlı incele Navigation

Arrow Double Pointer Navbar

Nav with double-pointer arrow indicators on the active item.

Canlı incele Navigation

Arrow Filled Bg Navbar

Nav with arrow-shaped filled background on the active item.

Canlı incele Navigation

Arrow Flip 3D Navbar

Nav arrow indicators flip in 3D on hover.

#hover #transform #3d

Canlı incele Navigation

Arrow Floating Bob Navbar

Nav links with floating arrow indicators that bob up and down.

#hover #animation #transform

Canlı incele Navigation

Arrow Flow Down Drop Navbar

Vertical nav with arrow indicators flowing downward.

Canlı incele Navigation

Arrow Flow Left Slide Navbar

Nav with arrow-shaped active indicator sliding left on hover.

Canlı incele Navigation

Arrow Flow Right Slide Navbar

Nav with arrow-shaped active indicator sliding right on hover.

Canlı incele Navigation

Arrow Flow Up Rise Navbar

Vertical nav with arrow indicators rising upward.

Canlı incele Navigation

Arrow Glow Active Navbar

Nav with glowing arrow accent on the active item.

Canlı incele Navigation

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

#hover #animation #gradient

Canlı incele Navigation

Arrow Grow Expand Navbar

Nav arrow indicators grow and expand on hover.

#hover #transform

Canlı incele Navigation

Arrow Heart Beat Navbar

Nav with heart-beat arrow accent on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Hexagon Shape Navbar

Nav links shaped as hexagons with arrow flow.

Canlı incele Navigation

Arrow Neon Active Navbar

Nav with neon glowing arrow on the active item.

#hover #animation #shadow

Canlı incele Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Pentagon Shape Navbar

Nav links shaped as pentagons with arrow flow.

Canlı incele Navigation

Arrow Pill Shape Navbar

Nav with pill-shaped arrow indicators on active items.

Canlı incele Navigation

Arrow Pulse Throb Navbar

Nav arrow indicators pulse and throb on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Rotate Spin Navbar

Nav arrow indicators rotate-spin when hovered.

#hover #transform

Canlı incele Navigation

Arrow Shrink Compress Navbar

Nav links compress and shrink with arrow accent on hover.

#hover #transform

Canlı incele Navigation

Arrow Slide Track Navbar

Nav links slide along a track with arrow indicator.

#hover #transform

Canlı incele Navigation

Arrow Square Dot Navbar

Nav with square dot arrow indicators on active items.

#hover #shadow #border

Canlı incele Navigation

Arrow Star Burst Navbar

Nav with star-burst arrow accent on the active item.

#hover #transform

Canlı incele Navigation

Arrow Triangle Point Navbar

Nav with triangle-pointed active indicators.

Canlı incele Navigation

Arrow Triple Stack Navbar

Nav with triple-stacked arrow indicators on the active item.

#hover #transform

Canlı incele Navigation

Arrow Wave Flow Navbar

Nav with wavy arrow flow separators between items.

#hover #animation #transform

Canlı incele Navigation

Arrow Zigzag Flow Navbar

Nav with zigzag-shaped arrow flow separators.

#hover #animation #transform

Canlı incele Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Canlı incele Navigation

Blurred Glass Navbar

Navbar with heavy backdrop blur and gradient border.

#hover #gradient #shadow

Canlı incele Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

#hover #animation #gradient

Canlı incele Navigation

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

#hover #gradient #shadow

Canlı incele Navigation

Bordered Top Navbar

Navbar with thick gradient top border.

#hover #gradient #shadow

Canlı incele Navigation

Fixed Bottom Nav

Fixed bottom navigation bar with icons.

#hover #transform

Canlı incele Navigation

Glass Bottom Nav

Glassmorphism bottom navigation.

#hover #shadow #border

Canlı incele Navigation

Glow Bottom Nav

Bottom nav with glowing active item.

#hover #shadow #border

Canlı incele Navigation

Gradient Bottom Nav

Bottom nav with gradient active icon.

#hover #gradient #transform

Canlı incele Navigation

Bounce Drop Navbar

Hovered links drop and bounce in from above with an overshoot.

#hover #transform

Canlı incele Navigation

Breathe Glow Navbar

Active link breathes with a soft expanding glow halo.

#hover #animation #shadow

Canlı incele Navigation

Brutalist Navbar

Raw brutalist navbar with thick borders and offset shadow.

#hover #transform #shadow

Canlı incele Navigation

3D Rotate Hamburger

Hamburger with full 3D rotation on hover.

#hover #transform #border

Canlı incele Navigation

Bounce Hamburger

Hamburger that bounces on hover.

#hover #animation #transform

Canlı incele Navigation

Circle Hamburger

Hamburger inside a circle that morphs on hover.

#hover #transform #border

Canlı incele Navigation

Flip Hamburger

Hamburger that flips on Y axis.

#hover #transform #border

Canlı incele Navigation

Morph to Arrow Hamburger

Hamburger that morphs into a left arrow.

#hover #transform #border

Canlı incele Navigation

Morph to X Hamburger

Hamburger menu icon that morphs to X on hover.

#hover #transform #border

Canlı incele Navigation

Rotate Hamburger

Hamburger with rotating lines on hover.

#hover #transform #border

Canlı incele Navigation

Spin Hamburger

Hamburger that spins 180 degrees on hover.

#hover #transform #border

Canlı incele Navigation

Square Hamburger

Hamburger inside a square that morphs on hover.

#hover #transform #border

Canlı incele Navigation

To Arrow Hamburger

Hamburger that becomes an arrow on hover.

#hover #transform #border

Canlı incele Navigation

To Close Hamburger

Hamburger that becomes an X close icon on hover.

#hover #transform #border

Popüler etiketler

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