#hover CSS effects

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

Live preview Buttons

Slate Edge

Cool slate gray with chiseled edge.

#hover #gradient #transform

Live preview Buttons

Snake Border Button

A single bright emerald arc travels continuously around the perimeter.

#gradient #animation #hover

Live preview Buttons

Soft Bloom

Soft pink bloom that expands on hover.

#hover #gradient #transform

Live preview Buttons

Sorrel

Sorrel-leaf button with a reddish-veined tint.

#hover #gradient #shadow

Live preview Buttons

Spike Stud

Punk rock button with spiked border.

#hover #gradient #transform

Live preview Buttons

Spinel Cut

Octahedral spinel gem with crisp facets.

#hover #gradient #transform

Live preview Buttons

Spiral Burst

Conic spiral that rotates on hover.

#hover #gradient #transform

Live preview Buttons

Spire

Tall spire button with a pointed apex.

#hover #gradient #shadow

Live preview Buttons

Split Text Button

The label slides up out of view while a second message rises to replace it.

#hover #transform

Live preview Buttons

Spring Bloom

Fresh spring greens with blossom dots.

#hover #gradient #transform

Live preview Buttons

Spring Up Button

Orange button that springs up with overshoot easing on hover.

#animation #hover #shadow

Live preview Buttons

Sprocket

Sprocket-button with a toothed ring pattern.

#hover #gradient #shadow

Live preview Buttons

Stanchion

Stanchion-button with vertical support posts.

#hover #gradient #shadow

Live preview Buttons

Stardust Trail

Stardust button with a sparkly particle trail.

#hover #gradient #transform

Live preview Buttons

Steampunk Brass

Aged brass button with rivets and gear feel.

#hover #gradient #shadow

Live preview Buttons

Stitched Outline Button

A dashed stitch line sits inside the button and creeps around it on hover.

#hover #animation #border

Live preview Buttons

Stone Moss Cushion

Cushiony stone button with mossy top.

#hover #gradient #shadow

Live preview Buttons

Strawberry Seed

Bright red strawberry with seed speckles.

#hover #gradient #transform

Live preview Buttons

Stronghold

Stronghold button with thick stone walls.

#hover #gradient #shadow

Live preview Buttons

Stucco

Stucco-wall button with a textured plaster look.

#hover #gradient #shadow

Live preview Buttons

Supernova

Supernova button with an explosive white core.

#hover #gradient #transform

Live preview Buttons

Tap Die

Tap-and-die button with threaded spiral groove.

#hover #gradient #shadow

Live preview Buttons

Woven Tapestry

Cross-woven threads in warm reds and golds.

#hover #gradient #shadow

Live preview Buttons

Tarragon Herb

Earthy green herb button with leaf veins.

#hover #gradient #shadow

Live preview Buttons

Tattoo Ink

Dark skin-tone with inked black outline.

#hover #gradient #transform

Live preview Buttons

Taupe Stone

Warm taupe button with a stone-grain surface.

#hover #gradient #shadow

Live preview Buttons

Terminator

Terminator-line button with a sharp day-night split.

#hover #gradient #shadow

Live preview Buttons

Terrace

Terrace button with stepped stone layers.

#hover #gradient #shadow

Live preview Buttons

Terracotta Clay

Warm baked terracotta with matte finish.

#hover #gradient #shadow

Live preview Buttons

Thatch

Thatch-roof button with bundled straw strands.

#hover #gradient #shadow

Live preview Buttons

Thistle Bloom

Soft thistle-purple with spiky edge.

#hover #gradient #transform

Live preview Buttons

Thistle Bloom

Thistle-purple button with a fuzzy bloom top.

#hover #gradient #transform

Live preview Buttons

Tidal Surge

Tidal-surge button with a rising wave shadow.

#hover #gradient #transform

Live preview Buttons

Tide Pool

Tide-pool button with a calm enclosed water sheen.

#hover #gradient #transform

Live preview Buttons

Titanium Plate

Brushed titanium plate with crisp edges.

#hover #gradient #shadow

Live preview Buttons

Tobacco

Tobacco-brown button with a leathery depth.

#hover #gradient #shadow

Live preview Buttons

Toggle

Toggle-switch button with a sliding mechanism feel.

#hover #gradient #shadow

Live preview Buttons

Topaz Glow

Golden topaz gem with inner warm glow.

#hover #gradient #shadow

Live preview Buttons

Torque Wrench

Torque-wrench button with a graduated scale.

#hover #gradient #shadow

Live preview Buttons

Tourmaline Stripe

Pink-green watermelon tourmaline stripes.

#hover #gradient #shadow

Live preview Buttons

Tower Keep

Tower-keep button with a tall rectangular shaft.

#hover #gradient #shadow

Live preview Buttons

Triangle Fold

Triangular fold pattern across button face.

#hover #gradient #shadow

Live preview Buttons

Tiny Trinket

Small ornate trinket with golden filigree.

#hover #gradient #transform

Live preview Buttons

Tropical Sunset

Tropical pink-orange-yellow sunset gradient.

#hover #gradient #shadow

Live preview Buttons

Tulip Cup

Pink-yellow tulip cup shaped button.

#hover #gradient #transform

Live preview Buttons

Tumbleweed

Tumbleweed button with tangled brown strands.

#hover #gradient #shadow

Live preview Buttons

Turquoise Stone

Natural turquoise with matrix veins.

#hover #gradient #shadow

Live preview Buttons

Twilight Sky

Twilight purple-orange horizon.

#hover #gradient #shadow

Live preview Buttons

Twilight Glow

Twilight button with a deep purple-orange glow.

#hover #gradient #transform

Live preview Buttons

Typewriter Button

Monospace button with a blinking cursor; types out its label on hover.

#animation #hover #border

Live preview Buttons

Ultraviolet

Ultraviolet button with a fluorescent purple glow.

#hover #gradient #transform

Live preview Buttons

Umber Burn

Burnt umber button with a smoky depth.

#hover #gradient #shadow

Live preview Buttons

Undertow

Undertow-button with a hidden pull-down gradient.

#hover #gradient #transform

Live preview Buttons

Vacuum Vise

Vacuum-vise button with a sealed suction grip.

#hover #gradient #transform

Live preview Buttons

Valve Wheel

Valve-wheel button with a circular spoke pattern.

#hover #gradient #shadow

Live preview Buttons

Vaporwave Neon Button

Pink-and-cyan vaporwave aesthetic with neon swap on hover.

#gradient #glow #hover

Live preview Buttons

Verdant

Fresh verdant-green button with a glossy top sheen.

#hover #gradient #transform

Live preview Buttons

Vermilion

Brilliant vermilion-red button with vivid warmth.

#hover #gradient #transform

Live preview Buttons

Vine Tendril

Vine-tendril button with a spiral curl accent.

#hover #gradient #transform

Live preview Buttons

Vintage Poster

Faded retro poster button with halftone dots.

#hover #gradient #transform

Live preview Buttons

Violet Bloom

Violet-bloom button with deep purple heart.

#hover #gradient #transform

Live preview Buttons

Volcano Magma

Black rock button with magma cracks.

#hover #gradient #shadow

Live preview Buttons

Vortex Sea

Sea-vortex button with a spiraling deep blue.

#hover #animation #gradient

Live preview Buttons

Voyage

Voyage button with deep ocean and horizon line.

#hover #gradient #transform

Live preview Buttons

Voyager Probe

Spacecraft gold-anodized probe button.

#hover #gradient #shadow

Live preview Buttons

Wake Boat

Boat-wake button with a v-shaped ripple.

#hover #gradient #transform

Live preview Buttons

Walnut Shell

Walnut brown shell with wrinkled texture.

#hover #gradient #shadow

Live preview Buttons

Walnut Shell

Walnut-shell button with a wavy seam.

#hover #gradient #shadow

Live preview Buttons

Warm Sand Dune

Soft warm sand dune with curving lines.

#hover #gradient #shadow

Live preview Buttons

Watercolor Wash

Soft watercolor wash with blended edges.

#hover #gradient #shadow

Live preview Buttons

Wave Trough

Wave-trough button with a sunken dark-blue center.

#hover #gradient #transform

Live preview Buttons

Wax Seal

Red wax seal with dripping edges.

#hover #gradient #transform

Live preview Buttons

Wenge

Dark wenge-wood button with deep grain.

#hover #gradient #shadow

Live preview Buttons

Golden Wheat

Golden wheat field with vertical stalks.

#hover #gradient #shadow

Live preview Buttons

White Dwarf

White-dwarf button with a brilliant white core.

#hover #gradient #transform

Live preview Buttons

Willow Weep

Willow-green with hanging leaf lines.

#hover #gradient #shadow

Live preview Buttons

Willow Sweep

Willow-branch button with sweeping yellow-green leaves.

#hover #gradient #shadow

Live preview Buttons

Windswept Dunes

Sand dunes shaped by sweeping winds.

#hover #gradient #shadow

Live preview Buttons

Wine Cellar

Deep wine-red with dim candle-lit glow.

#hover #gradient #shadow

Live preview Buttons

Winter Mint

Cool winter mint white-green button.

#hover #gradient #transform

Live preview Buttons

Wire Crimp

Wire-crimp button with striped insulated terminals.

#hover #gradient #shadow

Live preview Buttons

Wireframe Mesh

3D wireframe mesh with grid lines.

#hover #gradient #shadow

Live preview Buttons

Wisteria

Cascading purple wisteria with a soft bloom.

#hover #gradient #transform

Live preview Buttons

X-Ray Glow

X-ray button with a ghostly cyan-blue aura.

#hover #gradient #transform

Live preview Buttons

Xeno Blue

Alien xeno-blue button with an unearthly glow.

#hover #gradient #transform

Live preview Buttons

Xiphias

Swordfish-xiphias button with a sharp silver stripe.

#hover #gradient #transform

Live preview Buttons

Yarmouth

Yarmouth-harbor button with sailing-ship navy.

#hover #gradient #transform

Live preview Buttons

Yellow Dwarf

Yellow-dwarf sun button with a warm radiant glow.

#hover #gradient #transform

Live preview Buttons

Yucca

Yucca-plant button with sword-leaf accents.

#hover #gradient #shadow

Live preview Buttons

Zaffre Blue

Deep zaffre blue pigment with metallic depth.

#hover #gradient #shadow

Live preview Buttons

Zenith

Sky-zenith button with a peak-blue glow.

#hover #gradient #transform

Live preview Buttons

Zenith Sky

Zenith-sky button with deepest blue at apex.

#hover #gradient #transform

Live preview Buttons

Zephyr

Soft zephyr breeze button with airy pastels.

#hover #gradient #transform

Live preview Buttons

Zephyr Sea

Sea-zephyr breeze button with airy teal.

#hover #gradient #transform

Live preview Buttons

Zinc Plate

Zinc-plated button with a bluish-silver galvanized look.

#hover #gradient #shadow

Live preview Cards

Alert Banner

Warning alert card with a colored left border, circular icon and a call-to-action button.

#gradient #hover #shadow

Popular tags