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 Navigasyon

Aurora Gradient Overlay Navbar

Modal nav over an aurora gradient animated background.

#hover #animation #gradient

Canlı incele Navigasyon

Light Fade Overlay Navbar

Side panel nav with a fading light translucent backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Active Flip Pagination

Active page flips on Y axis.

#hover #transform #shadow

Canlı incele Navigasyon

Pulse Throb Navbar

Active link throbs with a pulsing scale animation.

#hover #animation #transform

Canlı incele Navigasyon

Square Active Tabs

Square-shaped active tab indicator.

Canlı incele Navigasyon

Thick Underline Tabs

Tabs with a thick underline indicator.

Canlı incele Navigasyon

Text Blur Focus Navbar

All links blur except the hovered one which comes into sharp focus.

Canlı incele Navigasyon

Text Reveal Mask Navbar

Hovered link text reveals through a vertical wipe mask.

Canlı incele Navigasyon

Text Slide Down Mask Navbar

Link text slides down, replaced by a duplicate from above.

Canlı incele Navigasyon

Vertical Tab Glow Active

Vertical tabs with a glowing active item casting ambient light.

Canlı incele Kaydırıcılar

Anvil Type Size

A live specimen line grows from small to display size the moment the control is engaged.

#slider #typography #preview

Canlı incele İpuçları

3D Rotate Y

Tooltip that rotates fully on the Y axis to appear above the trigger.

#hover #transform #border

Canlı incele İpuçları

Curve Arrow Top

Tooltip with a curved swooping connector above the trigger.

#hover #transform #border

Canlı incele İpuçları

Calendar Event

Calendar event tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Charcoal Noir

Near-black charcoal tooltip with a film-noir mood.

#hover #transform #shadow

Canlı incele İpuçları

Circle Mask

Tooltip reveals with a circle mask opening above the trigger.

#hover #transform #border

Canlı incele İpuçları

Diamond Grow Clip

Diamond-shaped tooltip that grows from a point above the trigger.

#hover #transform

Canlı incele İpuçları

Message Tail Clip

Chat-bubble tooltip with a clip-path message tail.

#hover #transform

Canlı incele İpuçları

Spiral Shell Clip

Tooltip with a spiral shell-like curved shape.

#hover #transform

Canlı incele İpuçları

Commit Hash

Git commit hash tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Confetti Pop

Tooltip with confetti pop animation above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Corners Bracket

Tooltip with corner brackets drawing in above the trigger.

#hover #transform #border

Canlı incele İpuçları

Cursor Follow

Tooltip that follows the cursor above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Emerald Tip

Emerald green tooltip with subtle shimmer above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Fold Bottom

Tooltip unfolds open below the trigger.

#hover #transform #border

Canlı incele İpuçları

Glassmorphism Top

Frosted glass tooltip with backdrop blur above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Crown

Tooltip with crown icon above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Mono Dark

Monospace dark tooltip with terminal feel above the trigger.

#hover #transform #border

Canlı incele İpuçları

Overline Draw

Tooltip with animated overline drawing above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

PowerShell

PowerShell blue background tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Pulse Attention

Tooltip that pulses to draw attention above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Retro 80s

Retro 80s neon sunset tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Rich Avatar

Tooltip with user avatar above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Shimmer Loading

Shimmer loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Sky Blue Info

Sky blue tooltip with airy lightness above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Slide Diagonal Bottom-Right

Tooltip slides in from the bottom-right corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slide Fade Bottom

Tooltip slides up from below while fading in.

#hover #transform #border

Canlı incele İpuçları

Speech Bubble Top

Cartoon speech bubble tooltip with tail above the trigger.

#hover #transform #border

Canlı incele İpuçları

Step Counter

Tooltip with step counter indicator above the trigger.

#hover #transform #border

Canlı incele İpuçları

Sticky Note

Yellow sticky note tooltip with curl above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Typing Hint Tooltip

The tooltip shows three animated dots, as if the hint were still being written.

#hover #animation #transform

Canlı incele Zaman Çizelgeleri

Cusp Roadmap Timeline

Quarters read as folded paper bands, each creased down the middle with a lifted corner.

#gradient #hover #origami

Canlı incele Akordeonlar

Ridge Search Accordion

Search results collected into collapsible groups with hit counts and paths.

#details #search #hover

Canlı incele Avatarlar

Amber Stacked Avatar Group

Four overlapping avatars fan out into a spaced row while hovered.

#group #overlap #hover

Canlı incele Avatarlar

Reef Greyscale To Colour Avatar

The drawn portrait sits in greyscale until hover restores its saturated reef palette.

#filter #grayscale #hover

Canlı incele Rozetler

Dismissible Chip

Material-style chip with X dismiss button.

Canlı incele Butonlar

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Acorn Cap

Brown acorn with cap-textured top.

#hover #gradient #shadow

Canlı incele Butonlar

Acorn Shell

Acorn-brown button with a glossy cap shell.

#hover #gradient #shadow

Canlı incele Butonlar

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Canlı incele Butonlar

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Canlı incele Butonlar

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Canlı incele Butonlar

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Canlı incele Butonlar

Animated Stripe Button

Diagonal candy stripes that scroll continuously across the button.

#gradient #animation #hover

Canlı incele Butonlar

Anodized Aluminum

Colorful anodized aluminum with smooth surface.

#hover #gradient #shadow

Canlı incele Butonlar

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

Canlı incele Butonlar

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Canlı incele Butonlar

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Canlı incele Butonlar

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Canlı incele Butonlar

Auger

Auger-button with a helical screw spiral.

#hover #gradient #shadow

Canlı incele Butonlar

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Canlı incele Butonlar

Axletree

Axletree-button with a heavy central iron shaft.

#hover #gradient #shadow

Canlı incele Butonlar

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Canlı incele Butonlar

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Canlı incele Butonlar

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

Canlı incele Butonlar

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Canlı incele Butonlar

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Canlı incele Butonlar

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Canlı incele Butonlar

Brickwork

Brickwork button with running-bond pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Canlı incele Butonlar

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Canlı incele Butonlar

Chesapeake Bay

Brackish bay water teal-brown gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Citrus Squeeze

Bright citrus orange-lemon-lime gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Canlı incele Butonlar

Column Fluted

Fluted column button with vertical grooves.

#hover #gradient #shadow

Canlı incele Butonlar

Copper Wash

Copper button with a brushed wash finish.

#hover #gradient #shadow

Canlı incele Butonlar

Dahlia Bloom

Layered dahlia petals in deep magenta.

#hover #gradient #transform

Canlı incele Butonlar

Equinox

Equinox button with a balanced day-night split.

#hover #gradient #transform

Canlı incele Butonlar

Flute Pillar Button

Tall slender button with vertical flute grooves.

#hover #gradient #transform

Canlı incele Butonlar

Focus Ring Button

Minimal button that gains an accessibility-style focus ring on hover.

Canlı incele Butonlar

Forge Hammer Button

Slate button that looks hammered into shape on hover.

#hover #transform #shadow

Canlı incele Butonlar

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Canlı incele Butonlar

Fuchsia Pop

Vivid fuchsia pink with bounce animation.

#hover #gradient #transform

Canlı incele Butonlar

Gate Valve Button

Industrial gate valve button with horizontal slide reveal.

#hover #transform #border

Canlı incele Butonlar

Gibbous

Gibbous-moon button with a partial curved shadow.

#hover #gradient #transform

Canlı incele Butonlar

Glacier Ice

Cracked glacier ice with blue depths.

#hover #gradient #transform

Canlı incele Butonlar

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Grass Blade Button

Green button with grass blades growing on top.

#hover #gradient #border

Canlı incele Butonlar

Gulf Stream

Gulf-stream button with a flowing blue current.

#hover #gradient #transform

Canlı incele Butonlar

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Butonlar

Ship Hull Button

Navy button with riveted hull plates.

#hover #gradient #transform

Canlı incele Butonlar

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Canlı incele Butonlar

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Lilac Bloom

Soft lilac button blooming on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lintel

Stone-lintel button with a heavy horizontal beam.

#hover #gradient #shadow

Canlı incele Butonlar

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform