#border CSS effects

3,831 free, pure-CSS effects match the "border" tag. Each is copy-ready and needs no library or build step.

Live preview Badges

Cloud Render Badge

Render cloud badge with deep-violet styling.

#gradient #shadow #border

Live preview Badges

Cloud Vercel Badge

Vercel cloud badge with mono triangle-marker styling.

#gradient #shadow #border

Live preview Badges

Coming Soon Dots Badge

Coming soon badge with animated loading dots.

#animation #transform #border

Live preview Badges

Corner Sale Ribbon

Diagonal corner ribbon with sale text overlay.

#transform #shadow #border

Live preview Badges

Cyber Circuit Badge

Circuit-board pattern badge with copper trace lines.

#gradient #shadow #border

Live preview Badges

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Live preview Badges

Cyber Matrix Badge

Matrix-style green-on-black badge with cascading digits.

#gradient #shadow #border

Live preview Badges

Cyber Pixel Badge

Pixelated retro-game badge with blocky stepped edges.

#shadow #border

Live preview Badges

Cyber Scanline Badge

Dark CRT-style badge with animated horizontal scan lines.

#animation #gradient #border

Live preview Badges

Database Mongo Badge

MongoDB database badge with green leaf styling.

#gradient #shadow #border

Live preview Badges

Database MySQL Badge

MySQL database badge with dolphin-blue styling.

#gradient #shadow #border

Live preview Badges

Database Postgres Badge

PostgreSQL database badge with elephant navy styling.

#gradient #shadow #border

Live preview Badges

Database Redis Badge

Redis database badge with red-square stack styling.

#gradient #shadow #border

Live preview Badges

Database Supabase Badge

Supabase database badge with lightning-emerald styling.

#gradient #shadow #border

Live preview Badges

Debossed Badge

Debossed badge with inset text effect.

#gradient #shadow #border

Live preview Badges

Deco Dashed Border Badge

Decorative badge with dashed border line.

#border

Live preview Badges

Deco Dotted Border Badge

Decorative badge with dotted border line.

#border

Live preview Badges

Deco Double Border Badge

Decorative badge with double-line outer border.

#shadow #border

Live preview Badges

Deco Groove Border Badge

Decorative badge with 3D grooved border style.

#border

Live preview Badges

Deco Ridge Border Badge

Decorative badge with raised ridge border style.

#border

Live preview Badges

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

#gradient #shadow #border

Live preview Badges

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

#gradient #shadow #border

Live preview Badges

Deco Perforated Badge

Badge with perforated ticket-edge dots.

#gradient #border

Live preview Badges

Deco Slanted Badge

Badge skewed at an angle for dynamic slanted feel.

#gradient #transform #shadow

Live preview Badges

Deco Stitch Cross Badge

Badge with cross-stitch pattern border accent.

#gradient #shadow #border

Live preview Badges

Deco Stitch Dashed Badge

Badge with dashed stitching-style border in two layers.

#gradient #shadow #border

Live preview Badges

Deco Tape Strip Badge

Tape-strip badge with semi-transparent torn edges.

#transform #shadow #border

Live preview Badges

Deco Ticket Edge Badge

Ticket-stub badge with semicircle notches on sides.

#gradient #transform #shadow

Live preview Badges

Desert Cactus Badge

Cactus-green badge with rounded lobe styling.

#gradient #shadow #border

Live preview Badges

Desert Sand Badge

Sandy beige badge with subtle dune texture.

#gradient #shadow #border

Live preview Badges

Desert Sun Badge

Sun-gold badge with warm radiant glow.

#gradient #shadow #border

Live preview Badges

Diamond Sparkle Badge

Diamond badge with cyan sparkle and frosted finish.

#animation #gradient #shadow

Live preview Badges

Doc Audio Badge

Audio document badge with equalizer bar styling.

#gradient #shadow #border

Live preview Badges

Doc Code Badge

Code file badge with chevron brackets and dark tone.

#gradient #shadow #border

Live preview Badges

Doc Excel Badge

Excel document badge with green XLS tag.

#gradient #shadow #border

Live preview Badges

Doc Folder Badge

Folder document badge with tabbed-folder shape and yellow tone.

#gradient #shadow #border

Live preview Badges

Doc Image Badge

Image document badge with picture glyph and pink tone.

#gradient #shadow #border

Live preview Badges

Doc PDF Badge

PDF document badge with red tag and folded corner.

#gradient #shadow #border

Live preview Badges

Doc PowerPoint Badge

PowerPoint document badge with orange PPT tag.

#gradient #shadow #border

Live preview Badges

Doc Presentation Badge

Presentation badge with screen-rectangle icon and orange tone.

#gradient #shadow #border

Live preview Badges

Doc Spreadsheet Badge

Spreadsheet badge with grid pattern and green tone.

#gradient #shadow #border

Live preview Badges

Doc Text Badge

Plain-text document badge with light gray tone.

#gradient #shadow #border

Live preview Badges

Doc Video Badge

Video document badge with play-triangle glyph.

#gradient #shadow #border

Live preview Badges

Doc Word Badge

Word document badge with blue W-styling.

#gradient #shadow #border

Live preview Badges

Doc ZIP Badge

Archive ZIP badge with zipper dotted accent.

#gradient #shadow #border

Live preview Badges

Eco Bio Badge

Biodegradable badge with sprout glyph and green tone.

#gradient #shadow #border

Live preview Badges

Eco Carbon Neutral Badge

Carbon-neutral badge with green footprint styling.

#gradient #shadow #border

Live preview Badges

Eco Fairtrade Badge

Fairtrade-certified badge with two-tone green/blue styling.

#gradient #shadow #border

Live preview Badges

Eco Leaf Badge

Eco badge with leaf glyph and green nature styling.

#gradient #shadow #border

Live preview Badges

Eco Organic Badge

Organic-certified badge with leaf glyph and natural green.

#gradient #shadow #border

Live preview Badges

Eco Recycle Badge

Recycle badge with triangular recycle arrows.

#gradient #shadow #border

Live preview Badges

Eco Solar Badge

Solar-energy badge with sun glyph and amber styling.

#gradient #shadow #border

Live preview Badges

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

#gradient #shadow #border

Live preview Badges

Eco Water Drop Badge

Water-conservation badge with droplet glyph and blue tone.

#gradient #shadow #border

Live preview Badges

Eco Wind Badge

Wind-energy badge with cyan turbine styling.

#gradient #shadow #border

Live preview Badges

Embossed Badge

Embossed badge with raised text effect.

#gradient #shadow #border

Live preview Badges

Exclusive Gold Badge

Gold exclusive badge with metallic sheen.

#gradient #transform #shadow

Live preview Badges

Featured Star Badge

Featured badge with a star accent and soft glow.

#shadow #border

Live preview Badges

Forest Leaf Badge

Leaf-shaped green badge with vein detail.

#gradient #shadow #border

Live preview Badges

Forest Moss Badge

Mossy-textured badge with earthy green gradient.

#gradient #border

Live preview Badges

Forest Pine Badge

Deep-pine-green badge with subtle needle texture.

#gradient #shadow #border

Live preview Badges

Framework Angular Badge

Angular framework badge with shield-shape red styling.

#gradient #shadow #border

Live preview Badges

Framework Bun Badge

Bun framework badge with warm-cream bun styling.

#gradient #shadow #border

Live preview Badges

Framework Deno Badge

Deno framework badge with dark-blue dinosaur styling.

#gradient #shadow #border

Live preview Badges

Framework Next Badge

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

#gradient #shadow #border

Live preview Badges

Framework Node Badge

Node.js framework badge with green hexagon styling.

#gradient #shadow #border

Live preview Badges

Framework React Badge

React framework badge with atom-orbit styling.

#gradient #shadow #border

Live preview Badges

Framework Svelte Badge

Svelte framework badge with orange flame styling.

#gradient #shadow #border

Live preview Badges

Framework Tailwind Badge

Tailwind CSS framework badge with cyan wind-wave styling.

#gradient #shadow #border

Live preview Badges

Framework Vue Badge

Vue framework badge with V-shape green styling.

#gradient #shadow #border

Live preview Badges

Free Outline Badge

Outlined free badge with dashed border and hover fill.

#hover #border

Live preview Badges

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Live preview Badges

BG Slide FX Badge

Animated badge with sliding gradient background.

#animation #gradient #shadow

Live preview Badges

Bob Soft FX Badge

Animated badge with gentle vertical bobbing motion.

#animation #gradient #transform

Live preview Badges

Boing FX Badge

Animated badge that bounces up and down like a spring.

#animation #gradient #transform

Live preview Badges

Border March FX Badge

Animated badge with marching dashed border animation.

#animation #gradient #shadow

Live preview Badges

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Live preview Badges

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Live preview Badges

CRT Flicker FX Badge

Animated badge with CRT-monitor flicker effect.

#animation #gradient #shadow

Live preview Badges

Dashed Flow FX Badge

Animated badge with flowing dashed border line.

#animation #gradient #shadow

Live preview Badges

Fill Bottom Up FX Badge

Animated badge with rising fill from bottom to top.

#animation #gradient #transform

Live preview Badges

Fill Flood FX Badge

Animated badge with flooding radial fill overlay.

#animation #gradient #transform

Live preview Badges

Fill Radial FX Badge

Animated badge with pulsing radial fill overlay.

#animation #gradient #shadow

Live preview Badges

Fill Sweep FX Badge

Animated badge with sweeping left-to-right fill overlay.

#animation #gradient #transform

Live preview Badges

Firework FX Badge

Animated badge with firework-burst radial expansion.

#animation #gradient #transform

Live preview Badges

Flash FX Badge

Animated badge with rapid flash opacity transition.

#animation #gradient #shadow

Live preview Badges

Glitch Slice FX Badge

Animated badge with horizontal slice-glitch distortion.

#animation #transform #shadow

Live preview Badges

Glow Breathe FX Badge

Animated badge with breathing-glow box-shadow pulse.

#animation #gradient #shadow

Live preview Badges

Glow Burst FX Badge

Animated badge with periodic glow-burst expansion.

#animation #gradient #shadow

Live preview Badges

Hue Shift FX Badge

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

#animation #gradient #transform

Live preview Badges

Icon Bob FX Badge

Animated badge with bobbing icon glyph.

#animation #gradient #transform

Live preview Badges

Icon Orbit FX Badge

Animated badge with icon orbiting around the badge.

#animation #gradient #transform

Live preview Badges

Icon Pulse FX Badge

Animated badge with pulsing icon scale.

#animation #gradient #transform

Live preview Badges

Icon Spin Slow FX Badge

Animated badge with slowly spinning icon glyph.

#animation #gradient #transform

Live preview Badges

Letter Drop FX Badge

Animated badge with dropping-letter translateY motion.

#animation #gradient #transform

Live preview Badges

Letter Flip FX Badge

Animated badge with 3D letter-flip on Y axis.

#animation #gradient #transform

Popular tags