Buttons — 860 CSS effects

Live preview Buttons

Indigo Haze

Indigo button with a hazy outer aura.

#gradient #shadow #border

Live preview Buttons

Indigo Night

Deep indigo night-sky with star speckles.

Live preview Buttons

Ink Bleed Button

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

#animation #hover #border

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.

#animation #gradient #border

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 #shadow #border

Live preview Buttons

Insect Wing Button

Iridescent button shimmering like an insect wing.

Live preview Buttons

Intersect Lines Button

Minimal button with intersecting cross lines on hover.

#hover #transform #border

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

Kaleidoscope Button

Colorful button with a rotating kaleidoscope pattern.

Live preview Buttons

Kayak

Kayak button with a streamlined hull shape.

Live preview Buttons

Kelp Forest Button

Underwater green button with swaying kelp strands.

Live preview Buttons

Kelp Crown

Kelp-crown button with a golden sea crown.

Live preview Buttons

Kelp Forest

Underwater kelp forest green with current.

Live preview Buttons

Kelp Leaf

Sea-kelp button with a frilled leaf edge.

#animation #gradient #shadow

Live preview Buttons

Kerosene Flame Button

Old kerosene-lamp button with a flickering blue flame core.

Live preview Buttons

Keystone

Keystone button with a wedge-shaped highlight.

Live preview Buttons

Khaki Canvas

Khaki canvas button with weave texture.

#gradient #transform #shadow

Live preview Buttons

Kick Drum Button

Round button that kicks with a thump on click.

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 Pool Button

Tropical lagoon button with rippling water surface.

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.

#animation #gradient #shadow

Live preview Buttons

Lantern Glow Button

Paper lantern button with a warm flickering inner glow.

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.

#hover #shadow #border

Live preview Buttons

Lathe

Lathe-button with concentric turning rings.

Live preview Buttons

Lattice Grid Button

Button with an open lattice-grid frame on hover.

Live preview Buttons

Launch Rocket Button

Button that launches upward like a rocket on hover.

Live preview Buttons

Laurel

Laurel-leaf button with a regal green crown.

#animation #gradient #shadow

Live preview Buttons

Lava Glow Button

Volcanic button with molten lava glowing through cracks.

Live preview Buttons

Lavender Bloom

Soft lavender-purple with bloom halo.

Live preview Buttons

Lavender Mist

Soft lavender button with a misty bloom halo.

Live preview Buttons

Layer Stack Button

Button with stacked layer shadows that fan out on hover.

Live preview Buttons

Lazurite

Lapis-lazurite blue with golden flecks.

Live preview Buttons

Leaf Vein Button

Leaf-shaped button with a central vein on hover.

#hover #animation #transform

Live preview Buttons

Leap Jump Button

Button that leaps high with an arc on hover.

Live preview Buttons

Ledge Edge Button

Stone button with a sharp 3D ledge drop on hover.

Live preview Buttons

Lemon Zest Button

Bright lemon-yellow button with a zesty pop on hover.

#hover #animation #gradient

Live preview Buttons

Lens Focus Button

Camera-lens button with an autofocus ring on hover.

Live preview Buttons

Lichen Patch

Gray-green lichen patches on stone.

Live preview Buttons

Lift Soft Button

Soft pastel button that lifts gently with a deep shadow on hover.

Live preview Buttons

Light Beam Button

Dark button with a vertical light beam shining down on hover.

Live preview Buttons

Lighthouse

Lighthouse button with striped red-white tower.

Live preview Buttons

Lilac Bloom Button

Soft lilac button with a blooming floral glow on hover.

Live preview Buttons

Lime Zest Button

Zesty lime-green button with a bouncy hover.

Live preview Buttons

Line Trace Button

Minimal button whose outline traces itself on hover.

#hover #border

Live preview Buttons

Linear Bar Button

Sleek button with a horizontal progress bar fill on hover.

Live preview Buttons

Lion Mane Button

Bold golden button ringed by a lion-mane frill on hover.

#animation #hover #border

Live preview Buttons

Liquid Fill Button

A liquid wave fills the button from bottom to top on hover.

Live preview Buttons

Liquid Fill Button

A rotating blob of liquid rises to flood the button when hovered.

#hover #animation #transform

Live preview Buttons

Liquid Mercury Button

Polished chrome mercury surface that flows continuously.

#gradient #animation #hover

Live preview Buttons

Llama Wool

Soft llama wool in cream-brown.

#animation #hover #border

Live preview Buttons

Loading Spinner Button

Blue button whose label fades out and is replaced by a spinner on hover.

Live preview Buttons

Long Shadow Button

Crimson button with a layered text-shadow that extends on hover.

#hover #shadow #border

Live preview Buttons

Lotus Bloom

Pale lotus-pink button with a soft bloom halo.

Live preview Buttons

Lunar Tide

Lunar-tide button with a silver-moon shimmer.

Live preview Buttons

Lynx Tuft

Tawny lynx-fawn with ear-tuft hint.

#hover #animation #gradient

Live preview Buttons

Maelstrom

Maelstrom-whirlpool button with a swirling pattern.

Live preview Buttons

Magnetic Cursor Button

Button with a spotlight that follows the cursor for a magnetic feel.

#gradient #hover #shadow

Live preview Buttons

Magnetic Slide Button

A diagonal gradient sheet slides across from the bottom-left corner on hover.