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ı

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

Granite Branch Timeline

A granite commit trunk sprouts one side branch that curves out to its own node.

#border #layout #list

Canlı incele Zaman Çizelgeleri

Wander Stamp Timeline

A travel journal where every stop carries a perforated postage stamp that tilts on hover.

#border #hover #transform

Canlı incele Anahtarlar

Liquid Wave Fill

Track fills with an animated wavy liquid that sloshes as the knob slides.

#animation #shadow #border

Canlı incele Akordeonlar

Ridge Search Accordion

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

#details #search #hover

Canlı incele Rozetler

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Rozetler

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Rozetler

Success Alert Badge

Green success alert badge.

#shadow #border

Canlı incele Rozetler

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Rozetler

Certified Ribbon Badge

Certified badge styled like an official ribbon stamp.

#transform #shadow #border

Canlı incele Rozetler

Dismissible Chip

Material-style chip with X dismiss button.

Canlı incele Rozetler

Cloud Fly Badge

Fly.io cloud badge with red-magenta fly styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud GCP Badge

Google Cloud Platform badge with four-color split styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Heroku Badge

Heroku cloud badge with purple-paper plane styling.

#gradient #shadow #border

Canlı incele Rozetler

Corner Sale Ribbon

Diagonal corner ribbon with sale text overlay.

#transform #shadow #border

Canlı incele Rozetler

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Canlı incele Rozetler

Debossed Badge

Debossed badge with inset text effect.

#gradient #shadow #border

Canlı incele Rozetler

Deco Dashed Border Badge

Decorative badge with dashed border line.

Canlı incele Rozetler

Deco Stitch Cross Badge

Badge with cross-stitch pattern border accent.

#gradient #shadow #border

Canlı incele Rozetler

Desert Sand Badge

Sandy beige badge with subtle dune texture.

#gradient #shadow #border

Canlı incele Rozetler

Doc Spreadsheet Badge

Spreadsheet badge with grid pattern and green tone.

#gradient #shadow #border

Canlı incele Rozetler

Eco Bio Badge

Biodegradable badge with sprout glyph and green tone.

#gradient #shadow #border

Canlı incele Rozetler

Eco Recycle Badge

Recycle badge with triangular recycle arrows.

#gradient #shadow #border

Canlı incele Rozetler

Eco Wind Badge

Wind-energy badge with cyan turbine styling.

#gradient #shadow #border

Canlı incele Rozetler

Embossed Badge

Embossed badge with raised text effect.

#gradient #shadow #border

Canlı incele Rozetler

Exclusive Gold Badge

Gold exclusive badge with metallic sheen.

#gradient #transform #shadow

Canlı incele Rozetler

Forest Moss Badge

Mossy-textured badge with earthy green gradient.

#gradient #border

Canlı incele Rozetler

Framework Angular Badge

Angular framework badge with shield-shape red styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Deno Badge

Deno framework badge with dark-blue dinosaur styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Next Badge

Next.js framework badge with mono black-white styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework React Badge

React framework badge with atom-orbit styling.

#gradient #shadow #border

Canlı incele Rozetler

BG Slide FX Badge

Animated badge with sliding gradient background.

#animation #gradient #shadow

Canlı incele Rozetler

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Canlı incele Rozetler

Fill Flood FX Badge

Animated badge with flooding radial fill overlay.

#animation #gradient #transform

Canlı incele Rozetler

Hue Shift FX Badge

Animated badge with gentle hue-shift in/out oscillation.

#animation #gradient #transform

Canlı incele Rozetler

Letter Pop FX Badge

Animated badge with sequential letter pop animation.

#animation #gradient #shadow

Canlı incele Rozetler

Soft Pulse FX Badge

Animated badge with gentle soft-pulse scale animation.

#animation #gradient #transform

Canlı incele Rozetler

Rubber FX Badge

Animated badge with elastic rubber-band stretch.

#animation #gradient #transform

Canlı incele Rozetler

Shadow Grow FX Badge

Animated badge with growing drop shadow.

#animation #gradient #transform

Canlı incele Rozetler

Shadow Shrink FX Badge

Animated badge with shrinking shadow press effect.

#animation #gradient #transform

Canlı incele Rozetler

Swing FX Badge

Animated badge that swings like a pendulum from top anchor.

#animation #gradient #transform

Canlı incele Rozetler

Typing Loop FX Badge

Animated badge with looping typewriter cursor blink.

#animation #gradient #shadow

Canlı incele Rozetler

Garden Bumblebee Badge

Bumblebee-striped badge with yellow-black banding.

#gradient #shadow #border

Canlı incele Rozetler

Glow Edge Glass Badge

Glass badge with luminous glowing edge.

#shadow #border #filter

Canlı incele Rozetler

Pink Glass Badge

Frosted pink glass badge with soft glow.

#shadow #border #filter

Canlı incele Rozetler

Halloween Holiday Badge

Halloween-themed badge with orange and black.

#transform #shadow #border

Canlı incele Rozetler

Language CSS Badge

CSS language badge with blue paint-brush styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Java Badge

Java language badge with coffee-cup red styling.

#gradient #shadow #border

Canlı incele Rozetler

Live Pulse Badge

A broadcast badge whose red dot sends out a fading ring on every beat.

#animation #transform #border

Canlı incele Rozetler

Neon Cyan Badge

Dark badge with glowing cyan neon outline.

#transform #shadow #border

Canlı incele Rozetler

Pulsing Notification

Notification badge that scales pulse to grab attention.

#animation #transform #border

Canlı incele Rozetler

Platform Web Badge

Web platform badge with browser-globe accent and blue tone.

#gradient #shadow #border

Canlı incele Rozetler

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Admin Role Badge

Admin role badge with red shield style.

#transform #shadow #border

Canlı incele Rozetler

Gold Wax Seal

Gold wax seal with shimmering surface.

#gradient #transform #shadow

Canlı incele Rozetler

Space Rocket Badge

Rocket-shaped badge with tapered nose and fins.

#gradient #shadow #border

Canlı incele Rozetler

Expired Stamp

Red expired stamp with bold lettering and rotation.

#transform #border

Canlı incele Rozetler

Flagged Stamp

Red flagged stamp for important documents.

#transform #border

Canlı incele Rozetler

Internal Stamp

Blue internal stamp for company use.

#transform #border

Canlı incele Rozetler

Sample Stamp

Pink sample stamp with playful rotation.

#transform #border

Canlı incele Rozetler

Shipped Stamp

Green shipped stamp for package tracking.

#transform #border

Canlı incele Rozetler

Busy Status Dot

Red busy status dot with strong pulse.

#animation #transform #shadow

Canlı incele Rozetler

Status Dot Group

Three status pills sharing one shape, each with its own colour and dot glow.

#border #shadow #status

Canlı incele Rozetler

Tier Silver Shield Badge

Silver-tier shield-shaped badge with polished metallic feel.

#gradient #transform #shadow

Canlı incele Rozetler

Trust 2FA Badge

Two-factor authentication badge with key-pad glyph.

#gradient #shadow #border

Canlı incele Rozetler

Trust Privacy Badge

Privacy shield badge with eye-blocked glyph and purple tone.

#gradient #shadow #border

Canlı incele Rozetler

Trust Verified Business Badge

Verified-business badge with checkmark and blue tone.

#gradient #shadow #border

Canlı incele Rozetler

Vapor Sunset Badge

Vaporwave sunset gradient badge with retro gradient bars.

#gradient #shadow #border

Canlı incele Rozetler

Volcano Lava Badge

Lava-flow badge with animated red-orange ember gradient.

#animation #gradient #shadow

Canlı incele Rozetler

Weather Rain Badge

Rainy weather badge with blue raindrop styling.

#gradient #shadow #border

Canlı incele Rozetler

Weather Rainbow Badge

Rainbow weather badge with multi-color arc styling.

#gradient #shadow #border

Canlı incele Rozetler

Y2K Bubble Badge

Glossy pink bubble badge with translucent highlight.

#gradient #shadow #border

Canlı incele Arka Planlar

Cassette Futurism

Retro 70s cassette-futurism with amber CRT scanlines.

#animation #gradient #border

Canlı incele Arka Planlar

Confetti Fall

Colorful confetti pieces tumble downward in celebration.

#gradient #animation #3d

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

Landing Pad Lights

A circular helipad perimeter lights up in yellow sequence.

#animation #gradient #transform

Canlı incele Arka Planlar

Plasma Field

Saturated overlapping blobs swirl and blend into a flowing plasma surface.

#animation #border #transform

Canlı incele Arka Planlar

Drifting Smoke

Dark smoky layers drift and curl across an ominous backdrop.

#gradient #animation #border

Canlı incele Arka Planlar

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Canlı incele Arka Planlar

Traffic Lights

Traffic lights cycle through red yellow and green.

#animation #gradient #transform

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

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