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

Volunteer Pass

Volunteer pass with heart icon and shift schedule.

#gradient #shadow #border

Live preview Cards

Wallet Balance Card

Digital wallet card with stacked card glyphs, balance, and a top-up button.

#gradient #shadow #border

Live preview Cards

Warlock Card

Warlock card with patron pact and eldritch blast.

#gradient #shadow #border

Live preview Cards

Warning Banner Card

Warning banner card with a triangle icon, amber stripe, and an action link.

#animation #gradient #transform

Live preview Cards

Smart Watch Face Card

Smartwatch face card with time, date, and activity rings.

#gradient #shadow #border

Live preview Cards

Water Cycle Card

Water cycle card with evaporation, condensation, and precipitation.

#gradient #shadow #border

Live preview Cards

Wave Form Card

Wave form card with amplitude, wavelength, and frequency.

#gradient #shadow #border

Live preview Cards

Wax Seal Card

Card featuring a prominent red wax seal with an embossed monogram.

#gradient #shadow #border

Live preview Cards

Weapon Card

Weapon card with damage, durability, and enchantment.

#gradient #shadow #border

Live preview Cards

Weather Card

Weather forecast card with a spinning sun icon, temperature, location and a 5-day strip.

#gradient #animation #shadow

Live preview Cards

Weather Today Card

Today's weather widget with temperature, condition, and high/low.

#gradient #shadow #border

Live preview Cards

Webinar Register Slot Card

Webinar registration card with topic, speaker, time, and register action.

#gradient #shadow #border

Live preview Cards

Wedding Invitation

Wedding invitation card with floral corner, script names, and ceremony details.

#gradient #transform #shadow

Live preview Cards

Wedding Invite Card

Elegant wedding invite with monogram, names, and date.

#gradient #shadow #border

Live preview Cards

Whiskey Flight Card

Whiskey tasting flight card with samples, ages, and regions.

#gradient #transform #shadow

Live preview Cards

Wine Cellar Bottle Card

Wine cellar bottle card with vintage, region, rating, and storage position.

#gradient #transform #shadow

Live preview Cards

Wine List Card

Wine list card with vintage, region, and varietal.

#gradient #shadow #border

Live preview Cards

Wine Pairing Guide Card

Wine pairing recommendation card with wine, dish, and tasting notes.

#gradient #shadow #border

Live preview Cards

Wizard Card

Wizard card with pointy hat, spell book, and mana.

#gradient #shadow #border

Live preview Cards

Workshop Pass

Workshop pass with tool icons, hands-on label, and capacity meter.

#gradient #shadow #border

Live preview Cards

Yoga Flow Card

Yoga session card with pose sequence, duration, and chakra color.

#gradient #shadow #border

Live preview Cards

Yu-Gi-Oh Card

Yu-Gi-Oh style monster card with ATK/DEF and star level.

#gradient #shadow #border

Live preview Checkboxes

3D Cone Check

A 3D cone that turns pink when checked with a glow.

#shadow #border #filter

Live preview Checkboxes

3D Cube Check

A rotating 3D cube that turns green when checked.

#transform #border #3d

Live preview Checkboxes

3D Pyramid Check

A 3D pyramid that flips and turns gold when checked.

#transform #border #3d

Live preview Checkboxes

Agate Banded Stone

An agate stone with concentric bands glows when checked.

#gradient #shadow #border

Live preview Checkboxes

Amber Fossil Stone

A golden amber stone reveals an ancient inclusion when checked.

#gradient #transform #shadow

Live preview Checkboxes

Amethyst Purple Gem

A purple amethyst crystal sparkles when checked.

#gradient #shadow #border

Live preview Checkboxes

Asteroid Rock Toggle

A jagged asteroid spins and lights up when checked.

#animation #gradient #transform

Live preview Checkboxes

Aurora Glow Toggle

A box that glows with shifting aurora gradients when checked.

#animation #gradient #transform

Live preview Checkboxes

Aurora Borealis Wave

A flowing wave of green and purple aurora lights up when checked.

#animation #gradient #transform

Live preview Checkboxes

Black Hole Swirl

A swirling vortex with a dark center draws matter inward when checked.

#animation #gradient #transform

Live preview Checkboxes

Lightning Bolt Zap

An SVG lightning bolt that zaps in with an electric yellow glow when toggled on.

#animation #shadow #border

Live preview Checkboxes

Dashed Border March

A dashed border that marches around the box when checked.

#animation #transform #border

Live preview Checkboxes

Glowing Border

A border that lights up with a soft glow when checked.

#transform #shadow #border

Live preview Checkboxes

Gradient Border

A vibrant gradient border that appears when checked.

#animation #gradient #transform

Live preview Checkboxes

Pulsing Border

A checkbox whose border pulses continuously when checked.

#animation #transform #shadow

Live preview Checkboxes

Bounce Spring Checkmark

A checkmark that pops in with a springy bounce when the checkbox is toggled on.

#border #transform #rotate

Live preview Checkboxes

Circle Burst Confetti

On check, a burst of confetti particles flies outward from the checkbox center.

#animation #border #transform

Live preview Checkboxes

Candy Stripe Fill

A checkbox filled with animated diagonal candy stripes when checked.

#gradient #animation #border

Live preview Checkboxes

Amber Glow Color Toggle

A color swatch that fills with amber glow when checked.

#transform #shadow #border

Live preview Checkboxes

Aqua Color Toggle

A color swatch that fills with aqua when checked.

#transform #shadow #border

Live preview Checkboxes

Blush Color Toggle

A color swatch that fills with blush when checked.

#transform #shadow #border

Live preview Checkboxes

Bronze Color Toggle

A color swatch that fills with bronze when checked.

#transform #shadow #border

Live preview Checkboxes

Cobalt Color Toggle

A color swatch that fills with cobalt blue when checked.

#transform #shadow #border

Live preview Checkboxes

Copper Color Toggle

A color swatch that fills with copper when checked.

#transform #shadow #border

Live preview Checkboxes

Coral Color Toggle

A color swatch that fills with coral when checked.

#transform #shadow #border

Live preview Checkboxes

Crimson Color Toggle

A color swatch that fills with crimson when checked.

#transform #shadow #border

Live preview Checkboxes

Cyan Color Toggle

A color swatch that fills with cyan when checked.

#transform #shadow #border

Live preview Checkboxes

Emerald Color Toggle

A color swatch that fills with emerald when checked.

#transform #shadow #border

Live preview Checkboxes

Fuchsia Color Toggle

A color swatch that fills with fuchsia when checked.

#transform #shadow #border

Live preview Checkboxes

Honeycomb Color Toggle

A color swatch that fills with honeycomb gold when checked.

#transform #shadow #border

Live preview Checkboxes

Indigo Color Toggle

A color swatch that fills with indigo when checked.

#transform #shadow #border

Live preview Checkboxes

Jade Color Toggle

A color swatch that fills with jade green when checked.

#transform #shadow #border

Live preview Checkboxes

Lavender Color Toggle

A color swatch that fills with lavender when checked.

#transform #shadow #border

Live preview Checkboxes

Magenta Color Toggle

A color swatch that fills with magenta when checked.

#transform #shadow #border

Live preview Checkboxes

Mint Color Toggle

A color swatch that fills with mint when checked.

#transform #shadow #border

Live preview Checkboxes

Mustard Color Toggle

A color swatch that fills with mustard yellow when checked.

#transform #shadow #border

Live preview Checkboxes

Orchid Color Toggle

A color swatch that fills with orchid when checked.

#transform #shadow #border

Live preview Checkboxes

Rose Pink Color Toggle

A color swatch that fills with rose pink when checked.

#transform #shadow #border

Live preview Checkboxes

Royal Blue Color Toggle

A color swatch that fills with royal blue when checked.

#transform #shadow #border

Live preview Checkboxes

Rust Color Toggle

A color swatch that fills with rust red when checked.

#transform #shadow #border

Live preview Checkboxes

Saffron Color Toggle

A color swatch that fills with saffron orange when checked.

#transform #shadow #border

Live preview Checkboxes

Salmon Color Toggle

A color swatch that fills with salmon when checked.

#transform #shadow #border

Live preview Checkboxes

Sienna Color Toggle

A color swatch that fills with sienna brown when checked.

#transform #shadow #border

Live preview Checkboxes

Color Sweep Check

A diagonal color sweep wipes across the checkbox leaving the checkmark behind when checked.

#gradient #border #transform

Live preview Checkboxes

Teal Color Toggle

A color swatch that fills with teal when checked.

#transform #shadow #border

Live preview Checkboxes

Umber Color Toggle

A color swatch that fills with umber brown when checked.

#transform #shadow #border

Live preview Checkboxes

Violet Color Toggle

A color swatch that fills with violet when checked.

#transform #shadow #border

Live preview Checkboxes

Constellation Connect

Stars connect with lines to form a constellation when checked.

#border

Live preview Checkboxes

Coral Reef Stone

A pink coral stone with branching texture when checked.

#gradient #shadow #border

Live preview Checkboxes

Cosmic Dust Sparkles

Tiny sparkles of cosmic dust shimmer when checked.

#animation #gradient #transform

Live preview Checkboxes

Crystal Prism Toggle

A faceted crystal glows with prismatic light when checked.

#gradient #shadow #border

Live preview Checkboxes

Dot Indicator

A radio-style dot scales into the center of an outlined circle with a pink glow when checked.

#shadow #border #transform

Live preview Checkboxes

Double Tick Mark

Two checkmarks draw in sequence — a WhatsApp-style double-tick when checked.

#border #transform #rotate

Live preview Checkboxes

Solar Eclipse Toggle

A moon disc slides over a glowing sun when checked.

#gradient #transform #shadow

Live preview Checkboxes

Emerald Green Gem

A step-cut emerald shows deep green facets when checked.

#gradient #shadow #border

Live preview Checkboxes

Fill From Bottom

A square checkbox where a colored block fills upward from the bottom when checked.

#gradient #border #transform

Live preview Checkboxes

Diagonal Fill

A square that fills diagonally with a sweeping gradient when checked.

#gradient #transform #border

Live preview Checkboxes

Fill From Left

A square that fills with color from the left edge when checked.

#gradient #transform #border

Live preview Checkboxes

Radial Fill Burst

A radial color burst expands from center when checked.

#transform #border

Live preview Checkboxes

Fill From Right

A square that fills with color from the right edge when checked.

#gradient #transform #border

Live preview Checkboxes

Sweep Fill

A radar-like sweep that fills the circle when checked.

#gradient #transform #border

Live preview Checkboxes

Wave Fill

A wavy gradient that rises to fill the box when checked.

#gradient #transform #border

Live preview Checkboxes

3D Flip Card Check

A checkbox that flips in 3D to reveal a green check face when toggled on.

#3d #border #transform

Live preview Checkboxes

Card Flip Reveal

A card-style flip that reveals a checkmark face when checked.

#gradient #transform #border

Live preview Checkboxes

Vertical Card Flip

A vertical 3D flip that reveals the checkmark on the back.

#transform #border #3d

Live preview Checkboxes

Geode Crystal Cavity

A split geode reveals inner crystal points when checked.

#gradient #shadow #border

Live preview Checkboxes

Glassmorphism Amber

A frosted glass effect with amber tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glassmorphism Blue

A frosted glass effect with blue tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glassmorphism Rose

A frosted glass effect with rose tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glassmorphism Violet

A frosted glass effect with violet tint and checkmark when checked.

#transform #shadow #border

Live preview Checkboxes

Glow on Check

A simple box that emits a colorful glow halo when toggled on.

#glow #shadow #border

Live preview Checkboxes

Soft Glow Amber

A subtle amber soft glow with circular fill when checked.

#shadow #border

Live preview Checkboxes

Soft Glow Cyan

A subtle soft glow checkbox with cyan background fill when checked.

#shadow #border

Popular tags