# hover CSS effects

Live preview Buttons

Guppy Fin

Tropical guppy orange-blue with fin shape.

Live preview Buttons

Hacksaw

Hacksaw-button with serrated saw-tooth edge.

Live preview Buttons

Halley

Halley's-comet button with a long glowing tail.

Live preview Buttons

Halo Ring Button

Sacred button with a soft golden halo on hover.

Live preview Buttons

Hammer Strike Button

Heavy button that strikes down with force on click.

Live preview Buttons

Hammer Fall

Hammer-fall button with a downward strike accent.

Live preview Buttons

Harbor Light

Harbor-light button with a guiding warm glow.

Live preview Buttons

Hard Light Button

Neon button with a stark hard-light edge.

#animation #hover #transform

Live preview Buttons

Has-Selector Loading Button

Clicking swaps the label for a spinner, driven purely by the :has() parent selector.

Live preview Buttons

Hatch Lines Button

Sketchy button with crosshatched shading lines.

Live preview Buttons

Hawaii Surf

Hawaii-surf button with tropical turquoise.

Live preview Buttons

Haze Mist Button

Misty button with a soft blurry haze on hover.

Live preview Buttons

Hazel Eye

Hazel-eye brown-green with golden ring.

Live preview Buttons

Hazelnut

Hazelnut button with a warm bronze sheen.

#animation #hover #shadow

Live preview Buttons

Heartbeat Pulse Button

Rose button that throbs like a beating heart, faster on hover.

Live preview Buttons

Heather Bloom

Purple heather blooms across moorland.

Live preview Buttons

Hedgehog Spine

Brown hedgehog with spiky spine texture.

Live preview Buttons

Heliotrope

Magenta heliotrope button with sun-facing glow.

#hover #animation #gradient

Live preview Buttons

Helix Spin Button

DNA helix button that spins on its axis on hover.

Live preview Buttons

Hematite

Hematite-iron button with a metallic sheen.

Live preview Buttons

Henna Stain

Red-brown henna stain with ornate feel.

Live preview Buttons

Hex Pattern Button

Tech button with a hexagonal honeycomb pattern background.

#hover #gradient #border

Live preview Buttons

Hibiscus Bloom

Tropical hibiscus red with yellow stamen.

Live preview Buttons

High Voltage Button

Danger button with a yellow caution stripe and voltage glow.

Live preview Buttons

Highland Mist

Misty Scottish highland green-gray.

#hover #transform #border

Live preview Buttons

Hint Tooltip Button

Small button that reveals a hint tooltip on hover.

Live preview Buttons

Hive Comb Button

Amber honeycomb button with hex cells glowing on hover.

Live preview Buttons

Holly Berry

Holly-green button with bright red berry dots.

Live preview Buttons

Hollyhock Stalk

Pink hollyhock along tall green stalk.

#gradient #animation #hover

Live preview Buttons

Holographic Shimmer Button

Iridescent holographic foil that shifts rainbow colors across the button.

Live preview Buttons

Horizon Line Button

Sunset button with a glowing horizon line on hover.

Live preview Buttons

Horizon Glow

Sunset horizon with warm orange glow.

Live preview Buttons

Horizon Line

Horizon-line button with sun-meets-sea accent.

Live preview Buttons

Hover Glow Soft Button

Soft button with a deep ambient glow appearing on hover.

Live preview Buttons

Hover Lift Shadow

Clean button that lifts up with an elongated shadow on hover.

#hover #animation #transform

Live preview Buttons

Hum Vibration Button

Subtle button that hums with tiny vibrations on hover.

Live preview Buttons

Husk Shell Button

Earthy button textured like a corn husk shell.

Live preview Buttons

Hydraulic Press

Hydraulic-press button with steel-blue pressure depth.

Live preview Buttons

Ice Floe

Ice-floe button with a frozen white-blue surface.

Live preview Buttons

Ice Glow Button

Pale cyan button with an icy inner glow.

#hover #border #transform

Live preview Buttons

Icon Swap Button

Plus icon slides up and out, replaced by a green checkmark sliding in.

Live preview Buttons

Ignite Spark Button

Dark button that ignites with a flame on hover.

Live preview Buttons

Impala Leap

Tan impala-fawn with leaping motion.

Live preview Buttons

Indigo Haze

Indigo button with a hazy outer aura.

#animation #hover #border

Live preview Buttons

Ink Bleed Button

Dark ink blob bleeds out from the center with an organic morphing edge.

Live preview Buttons

Ink Drop Button

Button with an ink drop splashing into its background on hover.

#hover #transform #border

Live preview Buttons

Ink Well Button

Deep black ink-well button with a glossy surface reflection.

Live preview Buttons

Inlay Strip Button

Wooden button with a thin metallic inlay strip.

Live preview Buttons

Inlet

Coastal-inlet button with calm blue waters.

Live preview Buttons

Inner Glow Button

Deep navy button that ignites a blue inner glow on hover.

#glow #hover #shadow

Live preview Buttons

Inner Light Button

Dark button with an inner radial light blooming on hover.

#hover #transform #border

Live preview Buttons

Intersect Lines Button

Minimal button with intersecting cross lines on hover.

Live preview Buttons

Ionosphere

Ionosphere button with an electric blue-violet glow.

Live preview Buttons

Iris Aperture Button

Camera-iris button whose aperture opens on hover.

Live preview Buttons

Iris Petal

Iris-violet button with a drooping petal accent.

Live preview Buttons

Iron Plate Button

Heavy iron-plated button with rivets and a beveled edge.

Live preview Buttons

Island Shore Button

Sandy island button surrounded by a teal water ring.

Live preview Buttons

ISS Orbit

ISS-orbit button with a satellite streak.

Live preview Buttons

Ivory Bone Button

Creamy ivory button with a polished bone finish.

Live preview Buttons

Ivory Wash

Soft ivory button with a painted wash look.

Live preview Buttons

Ivy Vine

Ivy-vine button with a climbing leaf pattern.

Live preview Buttons

Jackal Pelt

Tawny jackal-fawn with darker back stripe.

Live preview Buttons

Jade Stone Button

Polished jade-green button with a translucent stone sheen.

Live preview Buttons

Jade Mist

Misty jade-green button with soft inner glow.

Live preview Buttons

Jasmine Bloom

White jasmine bloom with yellow center.

Live preview Buttons

Jasmine Vine

Jasmine-vine button with white blossom clusters.

Live preview Buttons

Jasper

Earthy jasper stone button with banded veins.

Live preview Buttons

Jaw Clamp

Jaw-clamp button with serrated gripping edges.

Live preview Buttons

Jazz Club Button

Smoky purple button with a jazzy brass shimmer.

Live preview Buttons

Jet Stream Button

Sleek dark button with a jet-stream trail on hover.

Live preview Buttons

Jig

Jig-button with precise cross-grid pattern.

Live preview Buttons

Joist

Joist-button with parallel wood beams.

#hover #animation #transform

Live preview Buttons

Jolt Shock Button

Yellow button that jolts with a quick shock on hover.

Live preview Buttons

Joy Burst Button

Cheerful button that bursts with colorful rays on hover.

Live preview Buttons

Jungle Leaf Button

Lush jungle button with overlapping leaf-textured layers.

Live preview Buttons

Juniper Berry

Dark green juniper with blue berries.

Live preview Buttons

Juniper Berry

Juniper-green button with blue berry specks.

Live preview Buttons

Kayak

Kayak button with a streamlined hull shape.

Live preview Buttons

Kelp Crown

Kelp-crown button with a golden sea crown.

Live preview Buttons

Kelp Leaf

Sea-kelp button with a frilled leaf edge.

Live preview Buttons

Keystone

Keystone button with a wedge-shaped highlight.

Live preview Buttons

Khaki Canvas

Khaki canvas button with weave texture.

Live preview Buttons

Kiln

Kiln-button with a fiery ceramic interior.

Live preview Buttons

Kingfisher Dive

Bright kingfisher blue-orange bird button.

#hover #animation #gradient

Live preview Buttons

Kite Fly Button

Diamond-shaped kite button that sways in the wind on hover.

Live preview Buttons

Knit Sweater Button

Cozy button textured like a knitted wool sweater.

Live preview Buttons

Knot Tie Button

Rope-knot button with a twisted cord border on hover.

Live preview Buttons

Knot Grass

Knot-grass button with woven green strands.

Live preview Buttons

Koi Pond

Orange-white koi fish swimming button.

Live preview Buttons

Lace Trim Button

Delicate button with a scalloped lace-trim border.

#hover #gradient #border

Live preview Buttons

Lagoon Calm

Calm lagoon button with a smooth cyan surface.

Live preview Buttons

Lake Reflect Button

Calm lake button with a mirrored reflection beneath it.

Live preview Buttons

Lapis Lazuli

Deep lapis blue with golden flecks.

Live preview Buttons

Laser Line Button

Sleek button with a sharp laser line cutting across on hover.