LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

İpuçları — 600 Ücretsiz CSS Efekti (Sayfa 4)

Balon ipuçları, açılır bilgi kutuları ve oklar.

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 Tooltips

Grid Corner Frame

Tooltip with grid-line decorations only at the four corners.

#hover #gradient #transform

Canlı incele Tooltips

Minimal Line Frame

Tooltip with a thin minimal single-line frame.

#hover #transform #border

Canlı incele Tooltips

Modern Frame

Tooltip with a sleek modern asymmetric frame border.

#hover #transform #border

Canlı incele Tooltips

Ornate Frame

Tooltip with an ornate decorative corner frame.

#hover #transform #shadow

Canlı incele Tooltips

Photo Frame

Tooltip styled like a framed photograph above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Vintage Frame

Tooltip styled like an ornate vintage picture frame.

#hover #transform #shadow

Canlı incele Tooltips

Fuchsia Pop

Vibrant fuchsia tooltip that pops above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Galaxy Swirl

Galaxy swirl tooltip with a spiraling cosmic gradient.

#hover #gradient #transform

Canlı incele Tooltips

Gem Multicolor

Multicolor gem-style tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Ghost Pale

Pale ghostly white tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Glass Blur Strong

Heavy backdrop-blur frosted glass tooltip with strong blur.

#hover #transform #shadow

Canlı incele Tooltips

Glass Frost Cold

Cool-toned frosted glass tooltip with cold blue tint.

#hover #transform #shadow

Canlı incele Tooltips

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Canlı incele Tooltips

Glass Tinted

Tinted glass tooltip with a colored translucent overlay.

#hover #transform #border

Canlı incele Tooltips

Glassmorphism Top

Frosted glass tooltip with backdrop blur above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Glitch Data Corrupt

Tooltip with random data-corruption text jitter effect.

#hover #animation #transform

Canlı incele Tooltips

Glitch Noise TV

Tooltip with a static-noise TV pattern background.

#hover #animation #gradient

Canlı incele Tooltips

Glitch Pixel Split

Tooltip with pixelated horizontal split glitch bands.

#hover #animation #gradient

Canlı incele Tooltips

Glitch RGB Shift

Glitch tooltip with RGB channel shift on text shadow.

#hover #animation #transform

Canlı incele Tooltips

Glitch Shake Error

Glitch tooltip that shakes side to side like a system error.

#hover #animation #transform

Canlı incele Tooltips

Glitch Top

Tooltip glitches into view with RGB split above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Glow Pulse

Tooltip with pulsing glow effect above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Gold Shine

Golden tooltip with shimmering shine above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Gradient Top

Tooltip with a vibrant gradient background above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Spark Graph

Sparkline graph tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Grayscale To Color

Tooltip fades from grayscale to full color above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Grid Pattern Background

Tooltip with a graph-paper grid background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Grow Left

Tooltip grows in from a small point on the left side.

#hover #transform #border

Canlı incele Tooltips

Grow Right

Tooltip grows in from a small point on the right side.

#hover #transform #border

Canlı incele Tooltips

Hacker Matrix

Matrix-style falling green tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Halloween Pumpkin

Spooky orange pumpkin-styled Halloween tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Heartbeat Life

Tooltip that beats like a heart with a double-thump rhythm.

#hover #animation #transform

Canlı incele Tooltips

Helix Tip

Helix spiral tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Hologram Projection

Holographic projection tooltip with conic prismatic shimmer.

#hover #gradient #transform

Canlı incele Tooltips

Hologram Scanline

Holographic tooltip with animated horizontal scanline overlay.

#hover #animation #gradient

Canlı incele Tooltips

Hologram Shimmer

Holographic shimmer tooltip with a moving gradient overlay.

#hover #animation #gradient

Canlı incele Tooltips

Holographic

Holographic iridescent tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Ice Frost

Icy frost blue tooltip with cool glow above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Iceberg Floating

Floating iceberg tooltip with cool cyan and white tones.

#hover #gradient #transform

Canlı incele Tooltips

Icon Bell

Tooltip with bell notification icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Crown

Tooltip with crown icon above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Icon Error

Tooltip with error X icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Heart

Tooltip with heart icon above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Icon Info

Tooltip with info icon prefix above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Lightbulb

Tooltip with bright lightbulb idea icon above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Icon Question

Tooltip with circular question mark icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Rocket

Tooltip with rocket launch icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Star

Tooltip with star icon above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Icon Success

Tooltip with checkmark success icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Tip

Tooltip with lightbulb tip icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Icon Warning

Tooltip with warning triangle icon above the trigger.

#hover #transform #border

Canlı incele Tooltips

Indigo Night

Deep indigo tooltip with starlight glow above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Info Button

Circular info button tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Ink Blot

Ink blot texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Inset Border Top

Tooltip with an inset 3D border above the trigger.

#hover #transform #border

Canlı incele Tooltips

Iridescent

Iridescent shimmering tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Issue Tag

Issue tracker tag tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Ivory Bone

Light ivory tooltip with a warm bone-white palette.

#hover #transform #shadow

Canlı incele Tooltips

Jelly Wobble

Tooltip that wobbles like jelly as it appears.

#hover #transform #border

Canlı incele Tooltips

Jiggle Bottom

Tooltip jiggles into place below the trigger.

#hover #animation #transform

Canlı incele Tooltips

July 4th Stars

American patriotic red-white-blue tooltip with stars.

#hover #gradient #transform

Canlı incele Tooltips

Kanban Card

Kanban card tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Lavender Dusk

Lavender dusk purple tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Leather Texture

Leather textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Letter Spacing In

Tooltip text contracts letter spacing on reveal above the trigger.

#hover #transform #border

Canlı incele Tooltips

Lime Flat

Flat lime green tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Line Pattern Background

Tooltip with a vertical line background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Liquid Blob

Tooltip that morphs in like a liquid blob with shifting borders.

#hover #transform #border

Canlı incele Tooltips

Liquid Wave

Tooltip with a wavy liquid edge at the bottom.

#hover #gradient #transform

Canlı incele Tooltips

List Bullet

Tooltip with bulleted list above the trigger.

#hover #transform #border

Canlı incele Tooltips

List Numbered

Tooltip with numbered list above the trigger.

#hover #transform #border

Canlı incele Tooltips

Loading Bar

Loading bar tooltip with animation above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Magenta Neon

Bright magenta neon tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Magnetic Pull

Tooltip that magnetically pulls toward the cursor above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Magnetic Pull Strong

Tooltip with strong magnetic pull easing overshoot.

#hover #transform #border

Canlı incele Tooltips

Magnetic Repel

Tooltip that overshoots past the target as if magnetically repelled.

#hover #transform #border

Canlı incele Tooltips

Marble Vein

Marble with veining tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Marker Board

Whiteboard marker tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Marker Highlight

Tooltip with highlight marker feel above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Material Top

Material design tooltip with elevation above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Meadow Flower

Meadow flower tooltip with soft pastel color palette.

#hover #gradient #transform

Canlı incele Tooltips

Metal Brushed

Brushed metal texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Meteor Shower

Meteor shower tooltip with diagonal streak pattern.

#hover #gradient #transform

Canlı incele Tooltips

Meter Gauge

Meter gauge tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Midnight Blue

Deep midnight blue tooltip with starlight above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Midnight Plum

Dark midnight-plum tooltip with subtle violet highlights.

#hover #gradient #transform

Canlı incele Tooltips

Milestone

Milestone tag tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Mint Fresh

Fresh mint tooltip with cool gradient above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Mono Light

Monospace light tooltip with clean terminal feel above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Moon Crater

Moon surface tooltip with cratered texture decoration.

#hover #gradient #transform

Canlı incele Tooltips

Moonlight Night

Silvery moonlit night tooltip with subtle indigo glow.

#hover #gradient #transform

Canlı incele Tooltips

Mountain Peak

Mountain-peak tooltip with cool gray-blue stone tones.

#hover #gradient #transform

Canlı incele Tooltips

Multi Line

Tooltip with multiple lines of text above the trigger.

#hover #transform #border

Canlı incele Tooltips

Mustard Field

Rich mustard yellow tooltip with a vintage field feel.

#hover #transform #border

Canlı incele Tooltips

Neon Double Glow

Neon tooltip with double-layered glow shadow above the trigger.

#hover #transform #shadow