#border CSS effects

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

Live preview Badges

Cloud DigitalOcean Badge

DigitalOcean cloud badge with blue-curve wave styling.

#gradient #shadow #border

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

Notification Count Badge

A bell with a counter that pops each time the number would change.

#animation #transform #border

Live preview Badges

Cyber Circuit Badge

Circuit-board pattern badge with copper trace lines.

#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

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 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 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 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 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 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 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 Solar Badge

Solar-energy badge with sun glyph and amber 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

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 Pine Badge

Deep-pine-green badge with subtle needle texture.

#gradient #shadow #border

Live preview Badges

Framework Bun Badge

Bun framework badge with warm-cream bun 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 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

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

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 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

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

Live preview Badges

Letter Wave FX Badge

Animated badge with wave-style letter spacing.

#animation #gradient #shadow

Live preview Badges

Lift Soft FX Badge

Animated badge with soft lift-up hover-style motion.

#animation #gradient #transform

Live preview Badges

Light Sweep FX Badge

Animated badge with diagonal light-sweep highlight.

#animation #gradient #transform

Live preview Badges

Particle Float FX Badge

Animated badge with floating particle accent overlay.

#animation #gradient #transform

Live preview Badges

Pendulum Slow FX Badge

Animated badge with slow pendulum swing motion.

#animation #gradient #transform

Live preview Badges

Scan Line FX Badge

Animated badge with scrolling CRT scan line overlay.

#animation #gradient #shadow

Live preview Badges

Shake-Bounce FX Badge

Animated badge with quick shake-and-bounce motion.

#animation #gradient #transform

Live preview Badges

Shine Loop FX Badge

Animated badge with looping diagonal shine sweep.

#animation #gradient #shadow

Live preview Badges

Shine Pass FX Badge

Animated badge with one-shot-style shine pass loop.

#animation #gradient #transform

Live preview Badges

Spark Trail FX Badge

Animated badge with traveling spark trail.

#animation #gradient #transform

Live preview Badges

Spotlight Move FX Badge

Animated badge with moving radial spotlight overlay.

#animation #gradient #shadow

Live preview Badges

Tada FX Badge

Animated badge with playful tada-celebration motion.

#animation #gradient #transform

Live preview Badges

Tickle FX Badge

Animated badge with subtle tickle jitter.

#animation #gradient #transform

Live preview Badges

Typing Blink FX Badge

Animated badge with blinking typing caret symbol.

#animation #gradient #border

Live preview Badges

VHS Pause FX Badge

Animated badge with VHS-pause jitter distortion.

#animation #gradient #transform

Live preview Badges

VHS Tracking FX Badge

Animated badge with VHS-tracking distortion bars.

#animation #gradient #shadow

Live preview Badges

Vibrate FX Badge

Animated badge that vibrates rapidly in place.

#animation #gradient #transform

Live preview Badges

Wiggle FX Badge

Animated badge that wiggles side-to-side gently.

#animation #gradient #transform

Live preview Badges

Galaxy Cosmic Badge

Cosmic purple badge with shimmering gradient haze.

#animation #gradient #shadow

Live preview Badges

Galaxy Meteor Badge

Meteor-streak badge with animated tail across dark sky.

#animation #gradient #transform

Live preview Badges

Galaxy Nebula Badge

Purple nebula cloud badge with cosmic haze.

#gradient #shadow #border

Live preview Badges

Galaxy Orbit Badge

Badge with a small dot orbiting around it.

#animation #gradient #transform

Live preview Badges

Galaxy Stars Badge

Deep-space dark badge with twinkling starfield.

#gradient #shadow #border

Live preview Badges

Garden Flower Badge

Flower-shaped badge with rounded petals around text.

#gradient #shadow #border

Live preview Badges

Garden Ladybug Badge

Ladybug-red badge with black polka-dot speckles.

#gradient #shadow #border

Popular tags