LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#border CSS efektleri

"border" etiketiyle eşleşen 3.995 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele İpuçları

Elastic Bottom

Tooltip snaps in with an elastic overshoot below the trigger.

#hover #transform #border

Canlı incele İpuçları

Elastic Snap

Tooltip that snaps in with elastic bounce easing.

#hover #transform #border

Canlı incele İpuçları

Elastic Top

Tooltip snaps in with an elastic overshoot above the trigger.

#hover #transform #border

Canlı incele İpuçları

Electric Blue

Electric blue tooltip with bright glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Emerald Green

Emerald green gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Error Toast

Toast-style error tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Fade Bottom

Dark tooltip fades in below the trigger with an upward arrow.

#hover #transform #border

Canlı incele İpuçları

Fade Left

Tooltip fades in on the left side pointing right.

#hover #transform #border

Canlı incele İpuçları

Fade Top

Simple dark tooltip that fades in above the trigger.

#hover #transform #border

Canlı incele İpuçları

Fire Flame

Firey red-orange flame tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Flash Top

Tooltip flashes briefly into view above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Flat Top

Minimal flat tooltip with no shadow above the trigger.

#hover #transform #border

Canlı incele İpuçları

Flip X Bottom

3D flip tooltip that opens below the trigger on X axis.

#hover #transform #border

Canlı incele İpuçları

Flip X Top

Tooltip flips in on the X-axis above the trigger.

#hover #transform #border

Canlı incele İpuçları

Flip Y Bottom

3D flip tooltip that opens below the trigger on Y axis.

#hover #transform #border

Canlı incele İpuçları

Flip Y Left

3D flip tooltip on Y axis opening like a book from the left.

#hover #transform #border

Canlı incele İpuçları

Flip Y Right

3D flip tooltip on Y axis opening like a book from the right.

#hover #transform #border

Canlı incele İpuçları

Flip Y Top

Tooltip flips in on the Y-axis above the trigger.

#hover #transform #border

Canlı incele İpuçları

Float Up Bottom

Tooltip floats upward from below the trigger.

#hover #transform #border

Canlı incele İpuçları

Foil Shine

Shiny foil-like tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Fold Left

Tooltip unfolds open to the left of the trigger.

#hover #transform #border

Canlı incele İpuçları

Fold Right

Tooltip unfolds open to the right of the trigger.

#hover #transform #border

Canlı incele İpuçları

Fold Top

Tooltip unfolds from a single line above the trigger.

#hover #transform #border

Canlı incele İpuçları

Glossary Term Tooltip

An inline glossary term whose dotted rule turns solid as its definition appears.

#hover #transform #border

Canlı incele İpuçları

Forest Green

Deep forest green tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Forest Mist

Misty forest tooltip with soft green-teal foggy glow.

#hover #gradient #transform

Canlı incele İpuçları

Frame Draw

Tooltip with frame that draws itself above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Grid Corner Frame

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

#hover #gradient #transform

Canlı incele İpuçları

Minimal Line Frame

Tooltip with a thin minimal single-line frame.

#hover #transform #border

Canlı incele İpuçları

Modern Frame

Tooltip with a sleek modern asymmetric frame border.

#hover #transform #border

Canlı incele İpuçları

Photo Frame

Tooltip styled like a framed photograph above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Fuchsia Pop

Vibrant fuchsia tooltip that pops above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Galaxy Swirl

Galaxy swirl tooltip with a spiraling cosmic gradient.

#hover #gradient #transform

Canlı incele İpuçları

Gem Multicolor

Multicolor gem-style tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Ghost Pale

Pale ghostly white tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Glass Blur Strong

Heavy backdrop-blur frosted glass tooltip with strong blur.

#hover #transform #shadow

Canlı incele İpuçları

Glass Tinted

Tinted glass tooltip with a colored translucent overlay.

#hover #transform #border

Canlı incele İpuçları

Glitch Data Corrupt

Tooltip with random data-corruption text jitter effect.

#hover #animation #transform

Canlı incele İpuçları

Glitch Noise TV

Tooltip with a static-noise TV pattern background.

#hover #animation #gradient

Canlı incele İpuçları

Glitch Pixel Split

Tooltip with pixelated horizontal split glitch bands.

#hover #animation #gradient

Canlı incele İpuçları

Glitch RGB Shift

Glitch tooltip with RGB channel shift on text shadow.

#hover #animation #transform

Canlı incele İpuçları

Glitch Shake Error

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

#hover #animation #transform

Canlı incele İpuçları

Glitch Top

Tooltip glitches into view with RGB split above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Glow Border Tooltip

A dark bubble outlined by a soft coloured glow that pulses while it is open.

#hover #animation #shadow

Canlı incele İpuçları

Glow Pulse

Tooltip with pulsing glow effect above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Gold Shine

Golden tooltip with shimmering shine above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Gradient Top

Tooltip with a vibrant gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spark Graph

Sparkline graph tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Grayscale To Color

Tooltip fades from grayscale to full color above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Grid Pattern Background

Tooltip with a graph-paper grid background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Grow Left

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

#hover #transform #border

Canlı incele İpuçları

Grow Right

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

#hover #transform #border

Canlı incele İpuçları

Hacker Matrix

Matrix-style falling green tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Halloween Pumpkin

Spooky orange pumpkin-styled Halloween tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Has-Selector Focus Tooltip

The hint opens on hover and stays open while the field inside it holds focus.

#hover #transform #border

Canlı incele İpuçları

Heartbeat Life

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

#hover #animation #transform

Canlı incele İpuçları

Helix Tip

Helix spiral tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Hologram Projection

Holographic projection tooltip with conic prismatic shimmer.

#hover #gradient #transform

Canlı incele İpuçları

Hologram Scanline

Holographic tooltip with animated horizontal scanline overlay.

#hover #animation #gradient

Canlı incele İpuçları

Hologram Shimmer

Holographic shimmer tooltip with a moving gradient overlay.

#hover #animation #gradient

Canlı incele İpuçları

Holographic

Holographic iridescent tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Ice Frost

Icy frost blue tooltip with cool glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Iceberg Floating

Floating iceberg tooltip with cool cyan and white tones.

#hover #gradient #transform

Canlı incele İpuçları

Icon Bell

Tooltip with bell notification icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Error

Tooltip with error X icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Heart

Tooltip with heart icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Info

Tooltip with info icon prefix above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Lightbulb

Tooltip with bright lightbulb idea icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Question

Tooltip with circular question mark icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Rocket

Tooltip with rocket launch icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Star

Tooltip with star icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Success

Tooltip with checkmark success icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Tip

Tooltip with lightbulb tip icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Warning

Tooltip with warning triangle icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Indigo Night

Deep indigo tooltip with starlight glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Info Button

Circular info button tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ink Blot

Ink blot texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Iridescent

Iridescent shimmering tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Issue Tag

Issue tracker tag tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ivory Bone

Light ivory tooltip with a warm bone-white palette.

#hover #transform #shadow

Canlı incele İpuçları

Jelly Wobble

Tooltip that wobbles like jelly as it appears.

#hover #transform #border

Canlı incele İpuçları

Jiggle Bottom

Tooltip jiggles into place below the trigger.

#hover #animation #transform

Canlı incele İpuçları

July 4th Stars

American patriotic red-white-blue tooltip with stars.

#hover #gradient #transform

Canlı incele İpuçları

Kanban Card

Kanban card tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Lavender Dusk

Lavender dusk purple tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Leather Texture

Leather textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Letter Spacing In

Tooltip text contracts letter spacing on reveal above the trigger.

#hover #transform #border

Canlı incele İpuçları

Lime Flat

Flat lime green tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Line Pattern Background

Tooltip with a vertical line background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Liquid Blob

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

#hover #transform #border

Canlı incele İpuçları

List Bullet

Tooltip with bulleted list above the trigger.

#hover #transform #border

Canlı incele İpuçları

List Numbered

Tooltip with numbered list above the trigger.

#hover #transform #border

Canlı incele İpuçları

Loading Bar

Loading bar tooltip with animation above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Magenta Neon

Bright magenta neon tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Magnetic Pull

Tooltip that magnetically pulls toward the cursor above the trigger.

#hover #animation #transform