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ı

BG Gradient Anim

Tooltip with animated gradient background above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

BG Grid

Tooltip with grid pattern background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Noise

Tooltip with subtle noise texture above the trigger.

#hover #transform #border

Canlı incele İpuçları

BG Plasma

Tooltip with plasma gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Stripes

Tooltip with diagonal stripes pattern above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Sweep

Tooltip with a sweeping background gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Birthday Cake

Birthday cake tooltip with candle glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Black Hole Vortex

Black hole vortex tooltip with deep dark center glow.

#hover #gradient #transform

Canlı incele İpuçları

Blinds Vertical

Tooltip reveals like vertical window blinds opening.

#hover #gradient #transform

Canlı incele İpuçları

Blue Info

Blue info tooltip with subtle glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Blur In

Tooltip sharpens from a blur into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Blush Rose

Soft blush-pink tooltip with a gentle rose glow.

#hover #transform #shadow

Canlı incele İpuçları

Border Beam

Tooltip with animated beam border above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Bottom Left Corner

Tooltip appears at the bottom-left corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Bottom Right Corner

Tooltip appears at the bottom-right corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Bounce Bottom

Tooltip bounces up from below the trigger.

#hover #transform #border

Canlı incele İpuçları

Bounce Left

Tooltip bounces in from the left with an overshoot easing.

#hover #transform #border

Canlı incele İpuçları

Bounce Loading

Bouncing dots loading tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Bounce Right

Tooltip bounces in from the right side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Bounce Top

Tooltip bounces down on hover above the trigger.

#hover #transform #border

Canlı incele İpuçları

Bronze Rust

Bronze rust tooltip with warm earthy tones above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Brutalist Top

Bold brutalist tooltip with hard shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Build Status

Build status badge tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Canvas Paint

Canvas paint texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Card Hover

Card-like tooltip that lifts up on hover above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cardboard Rough

Rough cardboard texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cascade Tip

Tooltip that cascades into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Certificate Seal

Certificate-style tooltip with a gold seal accent.

#hover #gradient #transform

Canlı incele İpuçları

Chalk Board

Chalkboard style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Chart Mini

Mini bar chart tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Checker Pattern Background

Tooltip with a checkered background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Cherry Blossom

Soft cherry blossom pink tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Christmas Tree

Festive green Christmas tree tooltip with a star on top.

#hover #gradient #transform

Canlı incele İpuçları

CI Pipeline

CI pipeline status tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Bottom

Tooltip reveals via an expanding circle mask from below.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Left

Tooltip reveals via an expanding circle mask from the left.

#hover #transform #border

Canlı incele İpuçları

Clip Path Bottom

Tooltip clips open with a diamond mask below the trigger.

#hover #transform #border

Canlı incele İpuçları

Clip Path Top

Tooltip clips open with a circle mask above the trigger.

#hover #transform #border

Canlı incele İpuçları

Clock Live

Clock display tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

CMD Prompt

Windows CMD prompt style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Coach Mark

Coach mark tooltip pointing to a feature above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Code Snippet

Tooltip with code snippet preview above the trigger.

#hover #transform #border

Canlı incele İpuçları

Code Syntax

Tooltip with syntax-highlighted code above the trigger.

#hover #transform #border

Canlı incele İpuçları

Concrete Texture

Raw concrete texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Constellation

Tooltip with starry constellation above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Coral Warm

Warm coral tooltip with soft gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Corner Bracket Bottom-Left

Tooltip with L-shaped corner brackets at the bottom-left.

#hover #transform #border

Canlı incele İpuçları

Corner Bracket Bottom-Right

Tooltip with L-shaped corner brackets at the bottom-right.

#hover #transform #border

Canlı incele İpuçları

Corner Bracket Top-Left

Tooltip with L-shaped corner brackets at the top-left.

#hover #transform #border

Canlı incele İpuçları

Corner Bracket Top-Right

Tooltip with L-shaped corner brackets at the top-right.

#hover #transform #border

Canlı incele İpuçları

Cosmic Nebula

Cosmic nebula tooltip with swirling purple-blue star clouds.

#hover #gradient #transform

Canlı incele İpuçları

Cotton Candy

Pink cotton candy tooltip with sweet gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Counter Rotate 3D

Tooltip that counter-rotates in 3D from opposite angles.

#hover #transform #border

Canlı incele İpuçları

Counter Up

Tooltip that counts up when shown above the trigger.

#hover #transform #border

Canlı incele İpuçları

Crayon Texture

Crayon-waxy texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cream Vanilla

Light cream tooltip with a soft vanilla-tinted background.

#hover #transform #shadow

Canlı incele İpuçları

Crimson Velvet

Deep crimson tooltip with a gold border accent above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Crinkle Paper

Crinkled paper texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cross Hatch Background

Tooltip with a cross-hatched diagonal line background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Cube Rotate

Tooltip rotates like a cube face above the trigger.

#hover #transform #border

Canlı incele İpuçları

Cube Rotate Left

Tooltip rotates in like a cube unfolding from the left.

#hover #transform #border

Canlı incele İpuçları

Cube Rotate Right

Tooltip rotates in like a cube unfolding from the right.

#hover #transform #border

Canlı incele İpuçları

Cursor Spotlight

Tooltip with a radial spotlight mask highlighting the text.

#hover #gradient #transform

Canlı incele İpuçları

Cursor Zoom

Tooltip that zooms in from a tiny dot at cursor position.

#hover #transform #border

Canlı incele İpuçları

Curtain Down

Tooltip reveals like a curtain dropping from above.

#hover #transform #border

Canlı incele İpuçları

Curtain Right

Tooltip reveals like a curtain opening to the right.

#hover #transform #border

Canlı incele İpuçları

Curtain Up

Tooltip reveals like a curtain rising above the trigger.

#hover #transform #border

Canlı incele İpuçları

Curve Path

Tooltip curves along a path into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Cyan Cyber

Cyberpunk cyan tooltip with neon glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Dark Top

Pure dark tooltip with sharp corners above the trigger.

#hover #transform #border

Canlı incele İpuçları

Dashed Border Left

Tooltip with a dashed border on the left side.

#hover #transform #border

Canlı incele İpuçları

Dashed Border Top

Tooltip with a dashed border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Debug Info

Debug info style tooltip with values above the trigger.

#hover #transform #border

Canlı incele İpuçları

Deploy Info

Deployment info tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Desert Dune

Sandy desert-dune tooltip with warm ochre tones.

#hover #gradient #transform

Canlı incele İpuçları

Diamond Clip

Tooltip reveals from a diamond shape above the trigger.

#hover #transform #border

Canlı incele İpuçları

Diamond Clip Left

Tooltip reveals via a diamond-shaped clip from the left.

#hover #transform #border

Canlı incele İpuçları

Diamond Clip Right

Tooltip reveals via a diamond-shaped clip from the right.

#hover #transform #border

Canlı incele İpuçları

Diamond Shine

Diamond-like sparkling tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Diploma Ribbon

Diploma tooltip with ribbon-tied parchment styling.

#hover #gradient #transform

Canlı incele İpuçları

Discount Tag

Discount tag tooltip with percentage above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Door Close

Tooltip opens like a door swinging down from the top.

#hover #transform #border

Canlı incele İpuçları

Door Left

Tooltip opens like a door hinged on the right side.

#hover #transform #border

Canlı incele İpuçları

Door Open

Tooltip swings open like a door above the trigger.

#hover #transform #border

Canlı incele İpuçları

Door Right

Tooltip opens like a door hinged on the left side.

#hover #transform #border

Canlı incele İpuçları

Dot Pattern Background

Tooltip with a dotted polka background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Dotted Border Bottom

Tooltip with a dotted border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Dotted Border Left

Tooltip with a dotted border on the left side.

#hover #transform #border

Canlı incele İpuçları

Dotted Border Top

Tooltip with a dotted border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Double Border Left

Tooltip with a double border on the left side.

#hover #transform #border

Canlı incele İpuçları

Double Border Right

Tooltip with a double border on the right side.

#hover #transform #border

Canlı incele İpuçları

Double Frame Left

Tooltip with an outer double-frame border on the left.

#hover #transform #shadow

Canlı incele İpuçları

Double Frame Right

Tooltip with an outer double-frame border on the right.

#hover #transform #shadow

Canlı incele İpuçları

Draw Border Top

Tooltip border draws itself in above the trigger.

#hover #transform #border

Canlı incele İpuçları

Drop Down Top

Tooltip drops down from above with a gravity feel.

#hover #transform #border

Canlı incele İpuçları

Easter Egg

Colorful Easter egg tooltip with striped pattern.

#hover #gradient #transform