# border CSS effects

Live preview Buttons

Bolt Cutter

Bolt-cutter button with strong crossed jaws.

Live preview Buttons

Bolt Strike Button

Electric button with a lightning bolt striking on hover.

#gradient #animation #hover

Live preview Buttons

Border Beam Button

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

Live preview Buttons

Bow Tie Button

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

Live preview Buttons

Bracken Fern

Curled bracken fern green pattern.

Live preview Buttons

Bramble

Bramble-thicket button with dark berries.

Live preview Buttons

Brick Wall Button

Button textured like a red brick wall with mortar lines.

Live preview Buttons

Brine Pool

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

Live preview Buttons

Bronze Age

Aged bronze with patina and hammer marks.

Live preview Buttons

Bubble Pop Button

Pastel button that pops bubbles outward on hover.

Live preview Buttons

Buffalo Nickel

Aged buffalo nickel coin in bronze.

Live preview Buttons

Burgundy Wine

Deep burgundy wine-red with sheen.

Live preview Buttons

Burlap Sack

Rough tan burlap with woven texture.

Live preview Buttons

Burst Line Button

Button that emits radial burst lines on hover.

Live preview Buttons

Buttercup Flower

Bright buttercup-yellow with green center.

Live preview Buttons

Buttress

Stone buttress button with a supporting angle.

Live preview Buttons

Cabbage Leaf

Layered green cabbage leafy texture.

Live preview Buttons

Cactus Spike Button

Green cactus button with spiky border on hover.

Live preview Buttons

Cactus Bloom

Desert cactus button with a bloom accent.

Live preview Buttons

Cadmium Yellow

Pure cadmium yellow with deep orange edge.

Live preview Buttons

Caliper

Caliper-button with precise measurement ticks.

Live preview Buttons

Cameo Carve

White cameo profile on dark background.

#animation #gradient #shadow

Live preview Buttons

Campfire Glow

Warm campfire with flickering embers.

Live preview Buttons

Cantilever

Cantilever button with an overhang shadow.

Live preview Buttons

Canyon Rock

Red rock canyon layers stacked horizontally.

#hover #transform #border

Live preview Buttons

Capture Frame Button

Camera-style button with corner brackets framing the label.

Live preview Buttons

Cardinal Red

Crisp cardinal red with black crest detail.

Live preview Buttons

Carnelian Stone

Warm orange-red carnelian agate stone.

Live preview Buttons

Cascade Steps Button

Button whose background cascades down in stepped layers.

Live preview Buttons

Cassiopeia

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

Live preview Buttons

Cedar Bark

Reddish cedar bark with fibrous texture.

Live preview Buttons

Cedar Shake

Cedar-shake button with rough overlapping shingles.

#animation #gradient #transform

Live preview Buttons

Celestial Orbit Button

Cosmic button with a small moon orbiting its border.

Live preview Buttons

Celestial Blue

Heavenly celestial blue with golden edge.

#hover #animation #gradient

Live preview Buttons

Cepheid

Cepheid-variable button that pulses rhythmically.

Live preview Buttons

Cerulean

Sky cerulean-blue button with airy lightness.

Live preview Buttons

Chalk Board Button

Chalk-drawn button on a dark slate background.

Live preview Buttons

Charge Up Button

Button that charges up with energy before releasing on hover.

Live preview Buttons

Chartreuse Pop

Vivid chartreuse yellow-green with glow.

#hover #border #transform

Live preview Buttons

Checkmark Draw Button

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

Live preview Buttons

Chestnut Brown

Glossy chestnut brown with mahogany tint.

Live preview Buttons

Chiffon Soft

Sheer pale-yellow chiffon-like button.

Live preview Buttons

Chimera Blend

Multi-color chimera blend of fiery hues.

Live preview Buttons

Circuit Chip Button

IC chip button with pin contacts along its edges.

#animation #gradient #shadow

Live preview Buttons

Chrome Shine

Mirror chrome with diagonal shine sweep.

Live preview Buttons

Cinder Block

Dark cinder gray with rough block texture.

Live preview Buttons

Cinnamon Stick

Warm cinnamon brown with bark curl.

Live preview Buttons

Circuit Trace Button

Dark button with a glowing circuit trace path animation.

Live preview Buttons

Citrine Shard

Citrine-crystal button with a faceted shard highlight.

Live preview Buttons

Clamp Press Button

Industrial clamp button that presses down hard on click.

Live preview Buttons

Clapboard

Clapboard-siding button with overlapping planks.

Live preview Buttons

Clay Mold Button

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

#hover #animation #transform

Live preview Buttons

Cloud Float Button

White cloud button that floats gently up and down.

Live preview Buttons

Clove Spice

Dark clove-brown with rusty undertone.

Live preview Buttons

Clover

Clover-leaf button with three round leaflets.

Live preview Buttons

Coal Lump

Black coal lump with subtle sheen.

Live preview Buttons

Cobalt Steel Button

Deep cobalt button with a brushed steel gradient.

Live preview Buttons

Cobalt Storm

Deep cobalt button with an electric storm shimmer.

Live preview Buttons

Cobblestone

Cobblestone button with rounded stone chips.

Live preview Buttons

Cobweb Lace

Pale gray button with cobweb pattern.

Live preview Buttons

Colonnade

Colonnade button with a row of column lines.

#hover #border #transform

Live preview Buttons

Color Splash Button

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

Live preview Buttons

Comet Trail Button

Dark button with a comet streaking across on hover.

Live preview Buttons

Comet Streak

Dark cosmic button with a streaking comet tail.

#animation #gradient #transform

Live preview Buttons

Comet Tail

Cosmic comet with trailing light streak.

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.

Live preview Buttons

Copper Penny

Shiny copper penny with mint sheen.

Live preview Buttons

Coral Reef Button

Warm coral button with a subtle reef texture gradient.

Live preview Buttons

Coral Bay

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

Live preview Buttons

Coral Reef

Pink-orange coral with branching pattern.

Live preview Buttons

Coral Spike

Coral-reef button with branching spike accents.

Live preview Buttons

Corinthian

Corinthian-capital button with carved leaf accents.

Live preview Buttons

Cornice

Cornice-molding button with a stepped profile.

#hover #animation #gradient

Live preview Buttons

Cosmic Field Button

Deep-space button with twinkling starfield background.

Live preview Buttons

Cosmic Ray

Cosmic-ray button with a vibrant violet streak.

Live preview Buttons

Cotter Pin

Cotter-pin button with a split spring shape.

Live preview Buttons

Cotton Puff

Soft white cotton puff button.

#hover #animation #transform

Live preview Buttons

Counter Tab Button

Tab button with an animated number counter badge.

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.

Live preview Buttons

Cradle Hold Button

Button cradled in a soft glowing halo on hover.

Live preview Buttons

Cranberry Tart

Tart cranberry-red with berry speckles.

Live preview Buttons

Wooden Crate Button

Rustic wooden crate button with plank seams.

Live preview Buttons

Crimson Velvet Button

Deep crimson velvet button with a soft sheen sweep.

Live preview Buttons

Crocus Spring

Spring crocus purple with yellow stamen.

#hover #transform #border

Live preview Buttons

Crop Frame Button

Button with crop-mark corners that expand on hover.

Live preview Buttons

Crossfade Color Button

Button whose background crossfades between two colors.

#hover #border

Live preview Buttons

Crown Glow Button

Royal gold button with a glowing crown halo.

Live preview Buttons

Crucible

Crucible-button with glowing molten interior.

Live preview Buttons

Crystal Facet Button

Crystal button with faceted light reflections.

#hover #transform #border

Live preview Buttons

Cube Fold Button

Button that folds like an unfolding cube face on hover.

Live preview Buttons

Cubist Geometry

Cubist geometric facets in earth tones.