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 Butonlar

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Onay Kutuları

Power On Toggle

A power-symbol checkbox that glows green when powered on, dark when off.

#shadow #border #transform

Canlı incele Kartlar

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Butonlar

Alpine Peak

Snow-capped alpine mountain button.

#hover #gradient #shadow

Canlı incele Hover

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Kartlar

Alarm Card

Alarm card with a clock face, set time, and toggle indicator.

#gradient #transform #shadow

Canlı incele Butonlar

3D Push Button

Skeuomorphic 3D button that physically depresses on click.

#hover #3d #shadow

Canlı incele Butonlar

Birch Trunk

White birch trunk with peeling bark.

#hover #gradient #shadow

Canlı incele Yükleyiciler

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Canlı incele Kartlar

Character Sheet Card

RPG character sheet card with stats, class, and level.

#gradient #shadow #border

Canlı incele Navigasyon

Neon Active Drawer Navbar

Drawer with a pulsing neon active indicator on the active link.

#hover #animation #shadow

Canlı incele Butonlar

Aurora Borealis

Northern-lights button with shifting aurora hues.

#hover #animation #gradient

Canlı incele Butonlar

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Kartlar

Archer Card

Archer card with bow icon and accuracy stat.

#gradient #shadow #border

Canlı incele Arka Planlar

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

Canlı incele Sekmeler

Savanna Divided Tabs

Hairline dividers separate the tabs and quietly step aside around the active one.

#border #layout #animation

Canlı incele Rozetler

Action Copy Badge

Copy action badge with duplicate-page glyph and slate tone.

#gradient #shadow #border

Canlı incele Onay Kutuları

3D Y-Axis Flip

A 3D flip on the Y axis revealing a checkmark on the back face.

#transform #border #3d

Canlı incele Formlar

Midnight Background Input

Deep midnight blue gradient background.

#gradient #shadow #border

Canlı incele Hover

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Canlı incele Sekmeler

Marble Topline Tabs

A veined marble bar with the indicator on its top edge and a popping panel.

#gradient #transform #border

Canlı incele İpuçları

3D Fold Origami

Tooltip that unfolds in 3D like an origami paper fold.

#hover #transform #border

Canlı incele Butonlar

Barn Owl

Soft tawny owl-feather pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Canlı incele Butonlar

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Onay Kutuları

3D Press Check

A chunky 3D button-style checkbox that presses down and turns green when checked.

#3d #shadow #border

Canlı incele Formlar

Border Draw Radio

Radio card with animated border that draws in when selected.

#gradient #transform #border

Canlı incele Hover

Blink Swap

Content blinks rapidly and swaps text on each blink cycle on hover.

#animation #hover #border

Canlı incele Yükleyiciler

Arc Sweep

Arc sweeping around a center point.

#animation #transform #border

Canlı incele İpuçları

3D Cube Spin

Tooltip that spins in 3D like a tumbling cube above the trigger.

#hover #transform #border

Canlı incele İpuçları

Snow Winter

Winter-themed tooltip with falling snow pattern decoration.

#hover #gradient #transform

Canlı incele Anahtarlar

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Canlı incele Rozetler

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

#gradient #shadow #border

Canlı incele Rozetler

Iridescent Glass Badge

Glass badge with iridescent multi-color shimmer.

#gradient #shadow #border

Canlı incele Rozetler

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Canlı incele Rozetler

Space Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Canlı incele Arka Planlar

Conic Gradient Spin

A vivid conic gradient rotates behind a soft mask for a hypnotic wheel of color.

#gradient #animation #border

Canlı incele Arka Planlar

Gradient Shift

A wide multi-stop gradient that continuously cycles its position for a calm flow.

#gradient #animation #border

Canlı incele Arka Planlar

Animated Ocean Waves

Layered SVG wave shapes ripple across a calm ocean horizon.

#gradient #animation #border

Canlı incele Butonlar

Antique Brass

Tarnished antique brass with verdigris spots.

#hover #gradient #shadow

Canlı incele Butonlar

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Canlı incele Butonlar

Emery

Emery-abrasive button with a rough gritty texture.

#hover #gradient #shadow

Canlı incele Butonlar

Spotlight Sweep Button

A warm yellow spotlight glow follows the cursor across the surface.

#gradient #hover #border

Canlı incele Kartlar

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Canlı incele Kartlar

Article Card

Blog article card with category tag, title, and read time.

#shadow #border

Canlı incele Kartlar

Cotton Candy Card

Cotton candy card with fluffy texture and pastel colors.

#gradient #shadow #border

Canlı incele Onay Kutuları

Plum Color Toggle

A color swatch that fills with plum when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

Scale Pop Checkmark

The checkmark scales up with overshoot then settles, paired with a soft background.

#border #transform #rotate

Canlı incele Formlar

Blur Background Input

Input that blurs the surrounding area on focus.

#border #filter

Canlı incele Formlar

Stars Background Input

Cosmic starfield background with twinkling dots.

#animation #gradient #shadow

Canlı incele Formlar

Bottom Only Border Input

Minimalist input with only a bottom border that thickens on focus.

#shadow #border

Canlı incele Formlar

Flip Radio

Radio card flips in 3D when selected.

#gradient #transform #border

Canlı incele Hover

Zoom Blur

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

#gradient #hover #shadow

Canlı incele Yükleyiciler

Arcade Cabinet

Retro arcade cabinet screen flickering with neon glow.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Elevator

Elevator car rising and falling inside its shaft.

#animation #gradient #border

Canlı incele Navigasyon

Multi Level Drawer Navbar

Multi-level drawer with progressively indented sub-sections.

Canlı incele Navigasyon

Floating Dock Navbar

macOS-style floating dock navbar with bouncy hover.

#hover #gradient #transform

Canlı incele Navigasyon

Glass Light Navbar

Light glass navbar with subtle backdrop tint.

#hover #gradient #shadow

Canlı incele Metin

Brutalist Raw

Raw brutalist text with stark black on white.

Canlı incele İpuçları

Chevron Arrow

Tooltip with chevron-style arrow pointing to trigger.

#hover #transform #border

Canlı incele İpuçları

Charcoal Noir

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

#hover #transform #shadow

Canlı incele İpuçları

Step Counter

Tooltip with step counter indicator above the trigger.

#hover #transform #border

Canlı incele Anahtarlar

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Canlı incele Rozetler

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Rozetler

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Canlı incele Rozetler

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Canlı incele Rozetler

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Rozetler

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Rozetler

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Canlı incele Rozetler

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Canlı incele Rozetler

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

#gradient #shadow #border

Canlı incele Rozetler

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

#gradient #shadow #border

Canlı incele Rozetler

Doc Excel Badge

Excel document badge with green XLS tag.

#gradient #shadow #border

Canlı incele Rozetler

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

#gradient #shadow #border

Canlı incele Rozetler

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Canlı incele Rozetler

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Canlı incele Rozetler

Glass Frost Badge

Frosted glass badge with backdrop blur and subtle border.

#shadow #border #filter

Canlı incele Rozetler

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Certified Circle Seal

Certified seal with double circle and dashed accent.

#transform #border

Canlı incele Rozetler

Canceled Stamp

Canceled stamp with strong red diagonal style.

#transform #shadow #border

Canlı incele Rozetler

State Queued Badge

Queued state badge with hourglass-style indicator.

Canlı incele Rozetler

Trust Firewall Badge

Firewall-protected badge with brick-wall red tone.

#gradient #shadow #border

Canlı incele Rozetler

Vapor Palm Badge

Vaporwave badge with palm-tree silhouette accent.

#gradient #shadow #border

Canlı incele Rozetler

Weather Hail Badge

Hail weather badge with ice-stone speckle pattern.

#gradient #shadow #border

Canlı incele Rozetler

Y2K Daisy Badge

Daisy-themed badge with white-yellow petal styling.

#gradient #shadow #border

Canlı incele Arka Planlar

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Canlı incele Arka Planlar

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Canlı incele Arka Planlar

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Canlı incele Arka Planlar

Swirling Portal

A magical portal swirls with green energy rings.

#gradient #animation #border

Canlı incele Arka Planlar

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Canlı incele Butonlar

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient