Most popular CSS effects

#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

Magnolia

Creamy magnolia button with petal softness.

Live preview Buttons

Mahogany Wood

Dark polished wood button with grain lines.

Live preview Buttons

Malachite Bands

Deep green gem with concentric band shimmer.

Live preview Buttons

Malachite Streak

Banded malachite green with concentric streaks.

Live preview Buttons

Mallet

Wooden-mallet button with a soft удар feel.

Live preview Buttons

Mango Tropical

Ripe mango yellow-orange with red blush.

Live preview Buttons

Maple Leaf

Red-orange maple leaf button.

Live preview Buttons

Marble Vein

White marble slab crossed by soft gray veins.

Live preview Buttons

Marina

Marina button with calm harbor-blue surface.

Live preview Buttons

Masonry

Masonry-button with staggered brick courses.

Live preview Buttons

Mauve Haze

Dusty mauve button with a hazy outline.

Live preview Buttons

Meadow Grass

Wild meadow grass with flower dots.

Live preview Buttons

Mercury Bead

Liquid silver mercury button that wobbles on hover.

#gradient #animation #hover

Live preview Buttons

Mesh Gradient Button

Multi-blob radial mesh gradient that drifts underneath the label.

Live preview Buttons

Meteor Burn

Meteor-button with a burning atmospheric glow.

Live preview Buttons

Milky Way

Milky-way button with a diagonal band of stars.

Live preview Buttons

Mineral Vein

Stone button with mineral quartz veins.

Live preview Buttons

Misty Drift

Pale foggy button with drifting cloud layers.

Live preview Buttons

Miter Gauge

Miter-gauge button with angled measurement marks.

Live preview Buttons

Mojito Lime

Cool mint-lime button with condensation bubbles.

Live preview Buttons

Mortar

Mortar-joint button with thick gray seams.

Live preview Buttons

Mosaic Tile

Pixelated mosaic tiles of varied colors.

Live preview Buttons

Mosaic Tile

Mosaic-tile button with multi-colored chips.

Live preview Buttons

Mossy Stone

Damp stone button with green moss patches.

#hover #gradient #border

Live preview Buttons

Moss Bed

Moss-bed button with a soft fuzzy texture.

Live preview Buttons

Mulberry Stain

Dark mulberry-purple with stain sheen.

#gradient #transform #shadow

Live preview Buttons

Mustard Zest

Spicy mustard-yellow with a glossy surface.

Live preview Buttons

Narwhal

Narwhal-button with a spiraled ivory tusk accent.

Live preview Buttons

Nautical Stripes

Classic navy-white sailor stripes button.

Live preview Buttons

Nautical Mile

Nautical-mile button with deep sea-blue depth.

Live preview Buttons

Deep Navy Trench

Bottomless navy button with descending gradient.

Live preview Buttons

Nebula Cloud

Cosmic purple-pink nebula swirl.

Live preview Buttons

Nebula Cloud

Nebula-button with drifting cosmic clouds.

Live preview Buttons

Neon Glow Pulse

A dark button with a pulsing neon outline glow in cyan.

#animation #glow #hover

Live preview Buttons

Nettle

Nettle-green button with serrated leaf edges.

Live preview Buttons

Soft Neumorphic Button

Soft UI neumorphic button that pushes in on hover with dual shadows.

#hover #shadow #border

Live preview Buttons

Niche

Wall-niche button with a recessed shadow arch.

Live preview Buttons

Niello

Black niello-inlay button with silver etching.

Live preview Buttons

Nightfall Indigo

Twilight indigo button with star flecks.

#hover #gradient #border

Live preview Buttons

North Star

North-star button with a single bright point.

Live preview Buttons

Nougat Soft

Soft caramel nougat with pillowy surface.

Live preview Buttons

Nut Bolt

Nut-and-bolt button with hexagonal bolt head.

Live preview Buttons

Nut Runner

Nut-runner button with a cylindrical socket head.

Live preview Buttons

Nutmeg

Warm nutmeg-brown button with a spice tint.

Live preview Buttons

Oak Barrel

Oak-barrel button with horizontal hoop bands.

Live preview Buttons

Desert Oasis

Sand-to-turquoise gradient like a desert oasis.

Live preview Buttons

Ocean Deep

Deep-ocean button with vast blue depths.

Live preview Buttons

Ochre Dust

Yellow ochre button with a dusty grain texture.

Live preview Buttons

Oil Can

Oil-can button with a sleek oiled-metal surface.

Live preview Buttons

Olive Branch

Olive-green button with a leafy branch stroke.

Live preview Buttons

Onyx Gloss

Black onyx stone with mirror sheen.

#animation #gradient #shadow

Live preview Buttons

Opal Iridescence

Shifting iridescent opal button.

Live preview Buttons

Orbit Arc

Orbiting planet button with a sweeping arc.

Live preview Buttons

Orchid Bloom

Soft orchid-purple button with bloom halo.

Live preview Buttons

Orchid Bloom

Orchid-purple button with a soft bloom glow.

Live preview Buttons

Origami Fold Button

Paper-textured button whose top-right corner folds open on hover.

#hover #shadow #border

Live preview Buttons

Outer Space

Outer-space button with deep void depth.

#hover #border #transform

Live preview Buttons

Outline Draw Button

Button with an SVG-like outline that draws itself on hover.

Live preview Buttons

Oxblood Velvet

Deep oxblood red velvet button.

Live preview Buttons

Oyster Pearl

Soft gray oyster shell with pearlescent hue.

Live preview Buttons

Oyster Bed

Oyster-bed button with shimmering pearl interior.

Live preview Buttons

Pacific Wave

Calm Pacific blue with a soft ripple.

Live preview Buttons

Paint Stroke

Painterly swipe of color across the button.

Live preview Buttons

Palm Tree Shade

Tropical palm-frond shadow on yellow sand.

Live preview Buttons

Pampas

Pampas-grass button with feathery plume accent.

Live preview Buttons

Parapet

Castle-parapet button with crenellated top edge.

Live preview Buttons

Aged Parchment

Yellowed parchment with ink-style border.

Live preview Buttons

Parquet

Parquet-floor button with chevron wood pattern.

Live preview Buttons

Pastel Dream

Soft pastel rainbow gradient button.

Live preview Buttons

Copper Patina

Aged copper button with green patina patches.

#hover #gradient #border

Live preview Buttons

Pavilion

Pavilion button with a striped tent canopy.

Live preview Buttons

Pearl Glow

Pearlescent button with soft inner glow.

Live preview Buttons

Pebble Stone

Smooth river pebble in muted gray.

Live preview Buttons

Pelagic

Open-ocean pelagic button with deep blue vastness.

Live preview Buttons

Hot Pepper

Spicy red pepper button with glossy skin.

Live preview Buttons

Pergola

Pergola button with slatted roof beams.

#hover #animation #gradient

Live preview Buttons

Periwinkle

Soft periwinkle-blue button with a gentle pulse.

Live preview Buttons

Persimmon

Persimmon-orange button with a waxy glow.

Live preview Buttons

Pewter

Soft pewter-gray button with brushed metal look.

Live preview Buttons

Phoenix Flame

Rebirth button with rising orange flames.

Live preview Buttons

Pier Pile

Pier-pile button with weathered wood grain.

Live preview Buttons

Pillar Stone

Stone-pillar button with vertical striations.

Live preview Buttons

Pine Forest

Deep pine-green button with needle texture.

Live preview Buttons

Pinecone

Pinecone button with overlapping scale pattern.

Live preview Buttons

Pink Lemonade

Refreshing pink and yellow swirl.

Live preview Buttons

Pistachio Cream

Light pistachio green with creamy gloss.

Live preview Buttons

Piston

Piston-button with a metallic cylindrical shaft.