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

Wisp Short Biography Card

A compact card pairing the avatar with a single biography line and an accent edge.

#bio #card #profile

Live preview Avatars

Zenith Numbered Rank List

An ordered podium list where the first three places carry their own metal ring.

#ranking #list #leaderboard

Live preview Badges

Free Outline Badge

Outlined free badge with dashed border and hover fill.

#hover #border

Live preview Badges

Corner Ribbon Badge

A diagonal ribbon pinned across the top-right corner of a container.

#hover #gradient #transform

Live preview Badges

Rubber Stamp Badge

A tilted double-ruled stamp with worn edges that presses down when hovered.

#hover #transform #border

Live preview Buttons

Abyss Plain

Abyssal-plain button with an endless flat seafloor.

#hover #gradient #transform

Live preview Buttons

Abyssal

Deep abyssal button with a black-blue gradient.

#hover #gradient #transform

Live preview Buttons

Acid Burn Button

Toxic green button with a bubbling acid burn on hover.

#hover #animation #transform

Live preview Buttons

Aconite Bloom

Deep purple-blue monkshood flower button.

#hover #gradient #transform

Live preview Buttons

Adobe

Adobe-brick button with a warm clay tone.

#hover #gradient #shadow

Live preview Buttons

Aero Glass Button

Frosted aero-glass button with a moving light streak.

#hover #gradient #transform

Live preview Buttons

Aloe

Aloe-vera button with spiked-leaf accents.

#hover #gradient #shadow

Live preview Buttons

Amber Pour

Liquid amber button with a glossy pour sheen.

#hover #gradient #transform

Live preview Buttons

Amber Resin

Transparent amber resin with trapped bubble.

#hover #gradient #shadow

Live preview Buttons

Amethyst Cluster

Purple amethyst crystal cluster.

#hover #gradient #transform

Live preview Buttons

Antelope Canyon

Wave-carved sandstone canyon colors.

#hover #gradient #shadow

Live preview Buttons

Anvil

Heavy anvil-button with dark cast-iron surface.

#hover #gradient #shadow

Live preview Buttons

Arch Span

Architectural arch-span button with a curved top.

#hover #gradient #shadow

Live preview Buttons

Arrow Morph Button

Label slides left as an arrow fades in from the right on hover.

#hover #border #transform

Live preview Buttons

Arrow Pulse

Button with arrow that pulses on hover.

#hover #animation #gradient

Live preview Buttons

Arrow Slide Button

Arrow icon slides out from text on hover with smooth transition.

#hover #border #transform

Live preview Buttons

Aster Bloom

Purple aster flower with yellow center.

#hover #gradient #transform

Live preview Buttons

Aster Bloom

Aster-purple button with a starburst bloom center.

#hover #gradient #transform

Live preview Buttons

Aurora Drift Button

Button with an aurora borealis gradient drifting across its surface.

#hover #animation #gradient

Live preview Buttons

Autumn Leaves

Warm autumn orange-red-yellow leaves.

#hover #gradient #shadow

Live preview Buttons

Azalea Bloom

Bright pink azalea flower button.

#hover #gradient #transform

Live preview Buttons

Azure Mist

Pale azure button with a misty softness.

#hover #gradient #transform

Live preview Buttons

Azure Sky

Clear azure sky with soft cloud.

#hover #gradient #shadow

Live preview Buttons

Badge Notification Button

Slate button with a pulsing red notification badge on the corner.

#animation #hover #shadow

Live preview Buttons

Balcony

Balcony button with a railing strip.

#hover #gradient #shadow

Live preview Buttons

Balsa

Lightweight balsa-wood button with pale grain.

#hover #gradient #shadow

Live preview Buttons

Balustrade

Balustrade button with vertical baluster spindles.

#hover #gradient #shadow

Live preview Buttons

Bamboo Stalk

Green bamboo stalk with segment lines.

#hover #gradient #shadow

Live preview Buttons

Banded Agate

Banded agate with parallel colored bands.

#hover #gradient #shadow

Live preview Buttons

Barcode Scan Button

Black button with animated barcode stripes and a scan line.

#hover #animation #gradient

Live preview Buttons

Birch Bark

White birch bark with dark streaks.

#hover #gradient #shadow

Live preview Buttons

Barnacle

Barnacle-encrusted button with raised dot texture.

#hover #gradient #shadow

Live preview Buttons

Bayou Swamp

Misty green bayou with murky undertones.

#hover #gradient #shadow

Live preview Buttons

Beam Iron

Iron I-beam button with riveted industrial edges.

#hover #gradient #shadow

Live preview Buttons

Beam Sweep Button

Dark button with a bright cyan beam sweeping horizontally.

#hover #gradient #border

Live preview Buttons

Beech Wood

Pale beech wood with subtle grain.

#hover #gradient #shadow

Live preview Buttons

Bellows

Bellows-button with accordion-pleated sides.

#hover #gradient #shadow

Live preview Buttons

Bend Corner Button

Paper-style button whose corner bends up on hover.

#hover #gradient #transform

Live preview Buttons

Wild Berry

Purple wild berry with juicy sheen.

#hover #gradient #transform

Live preview Buttons

Binary Star

Binary-star button with twin glowing cores.

#hover #gradient #transform

Live preview Buttons

Birch Bark

Birch-bark button with white-peeling stripes.

#hover #gradient #shadow

Live preview Buttons

Biscuit Crust

Golden-brown biscuit with crusty top.

#hover #gradient #transform

Live preview Buttons

Bismuth Crystal

Iridescent bismuth with rainbow staircase.

#hover #gradient #shadow

Live preview Buttons

Blink Tag Button

Tag-style button that blinks like an active LED indicator.

#hover #animation #transform

Live preview Buttons

Blueprint

Architectural blueprint with white grid.

#hover #gradient #shadow

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

Border Beam Button

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

#gradient #animation #hover

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

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

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

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

Cantilever

Cantilever button with an overhang shadow.

#hover #gradient #transform

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 Blue

Heavenly celestial blue with golden edge.

#hover #gradient #shadow

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

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

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

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

Clamp Press Button

Industrial clamp button that presses down hard on click.

#hover #transform #shadow

Effects tagged #hover

Popular tags