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

Bolt Cutter

Bolt-cutter button with strong crossed jaws.

#hover #gradient #shadow

Live preview Buttons

Bolt Strike Button

Electric button with a lightning bolt striking on hover.

#hover #transform #shadow

Live preview Buttons

Bonsai Tree

Tiny bonsai with green crown on brown pot.

#hover #gradient #shadow

Live preview Buttons

Border Beam Button

A light beam travels along the button's border on hover.

#gradient #animation #hover

Live preview Buttons

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Live preview Buttons

Bow Tie Button

Playful button that bows forward in a 3D tilt on hover.

#hover #gradient #transform

Live preview Buttons

Bracken Fern

Curled bracken fern green pattern.

#hover #gradient #shadow

Live preview Buttons

Bracket Wrap Button

Code-style button wrapped by animated square brackets.

#hover #transform #shadow

Live preview Buttons

Bramble

Bramble-thicket button with dark berries.

#hover #gradient #shadow

Live preview Buttons

Brick Wall Button

Button textured like a red brick wall with mortar lines.

#hover #gradient #transform

Live preview Buttons

Brickwork

Brickwork button with running-bond pattern.

#hover #gradient #shadow

Live preview Buttons

Brine Pool

Brine-pool button with a salty yellow-green tinge.

#hover #gradient #transform

Live preview Buttons

Bronze Age

Aged bronze with patina and hammer marks.

#hover #gradient #shadow

Live preview Buttons

Bubble Pop Button

Pastel button that pops bubbles outward on hover.

#hover #transform #shadow

Live preview Buttons

Brass Buckle

Polished brass belt buckle shape.

#hover #gradient #shadow

Live preview Buttons

Buffalo Nickel

Aged buffalo nickel coin in bronze.

#hover #gradient #shadow

Live preview Buttons

Burgundy Wine

Deep burgundy wine-red with sheen.

#hover #gradient #shadow

Live preview Buttons

Burlap Sack

Rough tan burlap with woven texture.

#hover #gradient #shadow

Live preview Buttons

Burst Line Button

Button that emits radial burst lines on hover.

#hover #gradient #transform

Live preview Buttons

Buttercup Flower

Bright buttercup-yellow with green center.

#hover #gradient #transform

Live preview Buttons

Buttress

Stone buttress button with a supporting angle.

#hover #gradient #shadow

Live preview Buttons

Cabbage Leaf

Layered green cabbage leafy texture.

#hover #gradient #shadow

Live preview Buttons

Cactus Spike Button

Green cactus button with spiky border on hover.

#hover #transform #shadow

Live preview Buttons

Cactus Bloom

Desert cactus button with a bloom accent.

#hover #gradient #transform

Live preview Buttons

Cadmium Yellow

Pure cadmium yellow with deep orange edge.

#hover #gradient #shadow

Live preview Buttons

Caliper

Caliper-button with precise measurement ticks.

#hover #gradient #shadow

Live preview Buttons

Cameo Carve

White cameo profile on dark background.

#hover #gradient #shadow

Live preview Buttons

Campfire Glow

Warm campfire with flickering embers.

#animation #gradient #shadow

Live preview Buttons

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Live preview Buttons

Cantilever

Cantilever button with an overhang shadow.

#hover #gradient #transform

Live preview Buttons

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Live preview Buttons

Canyon Rock

Red rock canyon layers stacked horizontally.

#hover #gradient #shadow

Live preview Buttons

Capture Frame Button

Camera-style button with corner brackets framing the label.

#hover #transform #border

Live preview Buttons

Cardinal Red

Crisp cardinal red with black crest detail.

#hover #gradient #shadow

Live preview Buttons

Carnelian Stone

Warm orange-red carnelian agate stone.

#hover #gradient #shadow

Live preview Buttons

Cascade Steps Button

Button whose background cascades down in stepped layers.

#hover #gradient #transform

Live preview Buttons

Cassiopeia

Cassiopeia-W button with a zig-zag star line.

#hover #gradient #transform

Live preview Buttons

Cedar Bark

Reddish cedar bark with fibrous texture.

#hover #gradient #shadow

Live preview Buttons

Cedar Shake

Cedar-shake button with rough overlapping shingles.

#hover #gradient #shadow

Live preview Buttons

Celestial Orbit Button

Cosmic button with a small moon orbiting its border.

#animation #gradient #transform

Live preview Buttons

Celestial Blue

Heavenly celestial blue with golden edge.

#hover #gradient #shadow

Live preview Buttons

Cepheid

Cepheid-variable button that pulses rhythmically.

#hover #animation #gradient

Live preview Buttons

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Live preview Buttons

Cerulean

Sky cerulean-blue button with airy lightness.

#hover #gradient #transform

Live preview Buttons

Chalk Board Button

Chalk-drawn button on a dark slate background.

#hover #transform #shadow

Live preview Buttons

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

Live preview Buttons

Charge Up Button

Button that charges up with energy before releasing on hover.

#hover #gradient #transform

Live preview Buttons

Chartreuse Pop

Vivid chartreuse yellow-green with glow.

#hover #gradient #shadow

Live preview Buttons

Checkmark Draw Button

Green pill button with an SVG checkmark that strokes itself in on hover.

#hover #border #transform

Live preview Buttons

Chesapeake Bay

Brackish bay water teal-brown gradient.

#hover #gradient #shadow

Live preview Buttons

Chestnut Brown

Glossy chestnut brown with mahogany tint.

#hover #gradient #shadow

Live preview Buttons

Chiffon Soft

Sheer pale-yellow chiffon-like button.

#hover #gradient #transform

Live preview Buttons

Chimera Blend

Multi-color chimera blend of fiery hues.

#hover #gradient #transform

Live preview Buttons

Circuit Chip Button

IC chip button with pin contacts along its edges.

#hover #gradient #shadow

Live preview Buttons

Chrome Shine

Mirror chrome with diagonal shine sweep.

#animation #gradient #shadow

Live preview Buttons

Cinder Block

Dark cinder gray with rough block texture.

#hover #gradient #shadow

Live preview Buttons

Cinnamon Stick

Warm cinnamon brown with bark curl.

#hover #gradient #shadow

Live preview Buttons

Circuit Trace Button

Dark button with a glowing circuit trace path animation.

#hover #gradient #transform

Live preview Buttons

Citrine Shard

Citrine-crystal button with a faceted shard highlight.

#hover #gradient #shadow

Live preview Buttons

Citrus Squeeze

Bright citrus orange-lemon-lime gradient.

#hover #gradient #shadow

Live preview Buttons

Clamp Press Button

Industrial clamp button that presses down hard on click.

#hover #transform #shadow

Live preview Buttons

Clapboard

Clapboard-siding button with overlapping planks.

#hover #gradient #shadow

Live preview Buttons

Clay Mold Button

Soft clay-textured button with a 3D molded look.

#hover #transform #shadow

Live preview Buttons

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Live preview Buttons

Cloud Float Button

White cloud button that floats gently up and down.

#hover #animation #transform

Live preview Buttons

Clove Spice

Dark clove-brown with rusty undertone.

#hover #gradient #shadow

Live preview Buttons

Clover

Clover-leaf button with three round leaflets.

#hover #gradient #shadow

Live preview Buttons

Coal Lump

Black coal lump with subtle sheen.

#hover #gradient #shadow

Live preview Buttons

Cobalt Steel Button

Deep cobalt button with a brushed steel gradient.

#hover #gradient #transform

Live preview Buttons

Cobalt Storm

Deep cobalt button with an electric storm shimmer.

#hover #gradient #transform

Live preview Buttons

Cobblestone

Cobblestone button with rounded stone chips.

#hover #gradient #shadow

Live preview Buttons

Cobweb Lace

Pale gray button with cobweb pattern.

#hover #gradient #shadow

Live preview Buttons

Colonnade

Colonnade button with a row of column lines.

#hover #gradient #shadow

Live preview Buttons

Color Splash Button

Circular paint splash expands from the center to fill the button on hover.

#hover #border #transform

Live preview Buttons

Column Fluted

Fluted column button with vertical grooves.

#hover #gradient #shadow

Live preview Buttons

Comet Trail Button

Dark button with a comet streaking across on hover.

#hover #gradient #transform

Live preview Buttons

Comet Streak

Dark cosmic button with a streaking comet tail.

#hover #gradient #shadow

Live preview Buttons

Comet Tail

Cosmic comet with trailing light streak.

#animation #gradient #transform

Live preview Buttons

Confetti Burst Button

Two confetti particles burst upward and outward on hover.

#animation #hover #border

Live preview Buttons

Animated Conic Border

Button with a rotating conic-gradient border that spins around the edge.

#gradient #animation #hover

Live preview Buttons

Constellation

Constellation button with connected star points.

#hover #gradient #transform

Live preview Buttons

Copper Penny

Shiny copper penny with mint sheen.

#hover #gradient #shadow

Live preview Buttons

Copper Wash

Copper button with a brushed wash finish.

#hover #gradient #shadow

Live preview Buttons

Coral Reef Button

Warm coral button with a subtle reef texture gradient.

#hover #gradient #transform

Live preview Buttons

Coral Bay

Coral-pink gradient button with a soft bay-water shimmer.

#hover #gradient #transform

Live preview Buttons

Coral Reef

Pink-orange coral with branching pattern.

#hover #gradient #shadow

Live preview Buttons

Coral Spike

Coral-reef button with branching spike accents.

#hover #gradient #transform

Live preview Buttons

Corinthian

Corinthian-capital button with carved leaf accents.

#hover #gradient #shadow

Live preview Buttons

Cornice

Cornice-molding button with a stepped profile.

#hover #gradient #shadow

Live preview Buttons

Cosmic Field Button

Deep-space button with twinkling starfield background.

#hover #animation #gradient

Live preview Buttons

Cosmic Ray

Cosmic-ray button with a vibrant violet streak.

#hover #gradient #shadow

Live preview Buttons

Cotter Pin

Cotter-pin button with a split spring shape.

#hover #gradient #shadow

Live preview Buttons

Cotton Puff

Soft white cotton puff button.

#hover #gradient #transform

Live preview Buttons

Counter Tab Button

Tab button with an animated number counter badge.

#hover #animation #transform

Live preview Buttons

Cove Bay Button

Calm cove-blue button with a wave lapping its bottom edge.

#hover #animation #gradient

Live preview Buttons

Crack Glass Button

Glass button that develops crack lines on hover.

#hover #gradient #shadow

Popular tags