#hover CSS effects

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

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

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

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

Tree Bark

Rough tree bark with vertical striations.

#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

Truss

Truss button with triangulated beam pattern.

#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

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Live preview Buttons

Turquoise Stone

Natural turquoise with matrix veins.

#hover #gradient #shadow

Live preview Buttons

Turret

Castle-turret button with a conical roof.

#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

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

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

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Live preview Buttons

Vaporwave Neon Button

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

#gradient #glow #hover

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

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

Viridian

Chrome-viridian green with a painterly glow.

#hover #gradient #transform

Live preview Buttons

Vise Grip

Vise-grip button with a tight clamping iron look.

#hover #gradient #shadow

Live preview Buttons

Void Black

Pure void-black button with a subtle violet rim.

#hover #shadow #border

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

Wainscot

Wainscoting button with raised panel borders.

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

Wave-crest button with a curling white foam top.

#hover #gradient #transform

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

Whetstone

Whetstone-button with a smooth sharpening surface.

#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

Wobble Button

Purple outline button that wobbles playfully once when hovered.

#animation #hover #3d

Live preview Buttons

Wrench

Wrench-button with brushed steel sheen.

#hover #gradient #shadow

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

Yacht

Yacht-button with crisp white and navy stripes.

#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

Yew Wood

Pale yew-wood button with warm grain lines.

#hover #gradient #shadow

Live preview Buttons

Yoke Iron

Yoke-iron button with a U-shaped clamping form.

#hover #gradient #shadow

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 Buttons

Zinnia

Bright zinnia-orange button with petal softness.

#hover #gradient #transform

Live preview Cards

Alert Banner

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

#gradient #hover #shadow

Live preview Cards

Author Bio Card

Author bio card with a portrait avatar, name, role, and social links row.

#hover #gradient #shadow

Live preview Cards

Clubs Playing Card

Black clubs playing card with traditional three-lobed pip and clean white face.

#hover #transform #shadow

Live preview Cards

Conic Glow Border

Card with a rotating conic-gradient border that glows around the edges.

#gradient #animation #glow

Live preview Cards

Credit Card

Realistic credit card with a gold chip, embossed number, brand mark and details.

#gradient #hover #3d

Live preview Cards

Cyberpunk Card

Neon-drenched cyberpunk card with corner brackets, scan lines and a glitch hover effect.

#gradient #animation #hover

Live preview Cards

Depth Shadow Card

Card that lifts off the surface with a deep, color-matched drop shadow on hover.

#gradient #hover #shadow

Live preview Cards

Diamonds Playing Card

Crisp red diamonds playing card with rotated corner labels and bold center pip.

#hover #transform #shadow

Live preview Cards

Feature Grid Card

Feature grid card with four icon tiles, each with a short label and accent color.

#hover #transform #shadow

Live preview Cards

File Explorer Card

File explorer card with folder path and file list.

#hover #shadow #border

Live preview Cards

Flip Flashcard Card

3D flip flashcard with term on front and definition on back.

#hover #gradient #transform

Live preview Cards

3D Flip Card

Card that rotates 180 degrees on the Y axis on hover to reveal a back face.

#gradient #hover #3d

Popular tags