LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#border CSS efektleri

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

Canlı incele Cards

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Checkboxes

Power On Toggle

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

#shadow #border #transform

Canlı incele Badges

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Badges

Action Copy Badge

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

#gradient #shadow #border

Canlı incele Backgrounds

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Canlı incele Buttons

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Buttons

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Buttons

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Canlı incele Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Buttons

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Cards

Alarm Card

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

#gradient #transform #shadow

Canlı incele Cards

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Canlı incele Forms

Blur Background Input

Input that blurs the surrounding area on focus.

#border #filter

Canlı incele Forms

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Canlı incele Forms

Glassmorphism Input

Frosted glass input with backdrop blur and translucent border.

#shadow #border #filter

Canlı incele Forms

Full Border Draw Input

Border draws itself around the input clockwise when focused.

Canlı incele Forms

Bounce Radio

Radio indicator bounces in with springy motion on selection.

#animation #transform #border

Canlı incele Forms

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Canlı incele Hover

3D Parallax Tilt

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

#gradient #3d #shadow

Canlı incele Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Canlı incele Loaders

Sextant

Sextant arc with swinging arm.

#animation #transform #border

Canlı incele Navigation

Neon Active Drawer Navbar

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

#hover #animation #shadow

Canlı incele Navigation

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Canlı incele Tooltips

3D Cube Spin

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

#hover #transform #border

Canlı incele Tooltips

3D Fold Origami

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

#hover #transform #border

Canlı incele Tooltips

Curve Arrow Top

Tooltip with a curved swooping connector above the trigger.

#hover #transform #border

Canlı incele Tooltips

Mono Dark

Monospace dark tooltip with terminal feel above the trigger.

#hover #transform #border

Canlı incele Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele Tooltips

Rotate Left

Tooltip rotates in from the left with a spin animation.

#hover #transform #border

Canlı incele Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Canlı incele Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Canlı incele Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Badges

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Canlı incele Badges

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Canlı incele Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Canlı incele Badges

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Canlı incele Badges

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Canlı incele Badges

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Canlı incele Badges

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Canlı incele Badges

Notice Badge

Neutral notice badge in slate color.

Canlı incele Badges

Success Alert Badge

Green success alert badge.

#shadow #border

Canlı incele Badges

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Canlı incele Badges

Glitch Badge

Badge with cyberpunk glitch effect.

#animation #transform #shadow

Canlı incele Badges

Double Ring Pulse Badge

Badge with two expanding ring pulses staggered.

#animation #transform #border

Canlı incele Badges

Pulse Ring Badge

Badge with expanding ring pulses around it.

#animation #transform #border

Canlı incele Badges

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Canlı incele Badges

Typewriter Badge

Badge with text appearing like a typewriter.

#animation #border

Canlı incele Badges

Typing Dots Badge

Badge with three typing indicator dots.

#animation #transform #border

Canlı incele Badges

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Canlı incele Badges

Three Dots Loading Badge

Badge with three pulsing loading dots.

#animation #transform #border

Canlı incele Badges

Arctic Aurora Badge

Aurora-borealis gradient badge with shifting green-violet haze.

#animation #gradient #shadow

Canlı incele Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Badges

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Canlı incele Badges

Art Deco Badge

Art deco badge with gold geometric pattern.

#gradient #transform #border

Canlı incele Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Badges

Beta Dot Badge

Subtle beta badge with a small status dot indicator.

#animation #border

Canlı incele Badges

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Canlı incele Badges

Brutalist Black Badge

Brutalist badge with sharp edges and offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Canlı incele Badges

Double Brutalist Badge

Brutalist badge with double offset shadows.

#transform #shadow #border

Canlı incele Badges

Brutalist Green Badge

Brutalist green badge with bold offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Orange Badge

Brutalist orange badge with stark black border.

#transform #shadow #border

Canlı incele Badges

Brutalist Outline Badge

Brutalist badge with transparent body and thick outline.

#transform #shadow #border

Canlı incele Badges

Brutalist Pink Badge

Brutalist pink badge with offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Yellow Badge

Brutalist yellow badge with thick border and offset shadow.

#transform #shadow #border

Canlı incele Badges

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Badges

Candy Cupcake Badge

Cupcake badge with frosting-pink swirl and gold sprinkles.

#gradient #shadow #border

Canlı incele Badges

Candy Gummy Badge

Translucent gummy bear-style badge with jelly glow.

#shadow #border #filter

Canlı incele Badges

Candy Lollipop Badge

Lollipop badge with spiral swirl pattern.

#gradient #shadow #border

Canlı incele Badges

Candy Marshmallow Badge

Puffy white marshmallow badge with soft shadow.

#gradient #shadow #border

Canlı incele Badges

Cave Crystal Badge

Faceted crystal badge with diamond-cut shimmer.

#gradient #shadow #border

Canlı incele Badges

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Canlı incele Badges

Certified Ribbon Badge

Certified badge styled like an official ribbon stamp.

#transform #shadow #border

Canlı incele Badges

Dismissible Chip

Material-style chip with X dismiss button.

Canlı incele Badges

Cloud AWS Badge

AWS cloud badge with orange-to-dark gradient and Squidward.

#gradient #shadow #border

Canlı incele Badges

Cloud Azure Badge

Microsoft Azure badge with blue A-triangle styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Cloudflare Badge

Cloudflare cloud badge with orange-flame styling.

#gradient #shadow #border

Canlı incele Badges

Cloud DigitalOcean Badge

DigitalOcean cloud badge with blue-curve wave styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Fly Badge

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

#gradient #shadow #border

Canlı incele Badges

Cloud GCP Badge

Google Cloud Platform badge with four-color split styling.

#gradient #shadow #border

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3