Most Popular CSS Effects (Page 9)

Live preview Buttons

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Live preview Buttons

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Live preview Buttons

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Live preview Buttons

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Live preview Buttons

Animated Stripe Button

Diagonal candy stripes that scroll continuously across the button.

#gradient #animation #hover

Live preview Buttons

Anodized Aluminum

Colorful anodized aluminum with smooth surface.

#hover #gradient #shadow

Live preview Buttons

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

Live preview Buttons

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Live preview Buttons

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Live preview Buttons

Auger

Auger-button with a helical screw spiral.

#hover #gradient #shadow

Live preview Buttons

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Live preview Buttons

Axletree

Axletree-button with a heavy central iron shaft.

#hover #gradient #shadow

Live preview Buttons

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Live preview Buttons

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Live preview Buttons

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Live preview Buttons

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Live preview Buttons

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Live preview Buttons

Brickwork

Brickwork button with running-bond pattern.

#hover #gradient #shadow

Live preview Buttons

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Live preview Buttons

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Live preview Buttons

Cepheid

Cepheid-variable button that pulses rhythmically.

#hover #animation #gradient

Live preview Buttons

Chesapeake Bay

Brackish bay water teal-brown gradient.

#hover #gradient #shadow

Live preview Buttons

Citrus Squeeze

Bright citrus orange-lemon-lime gradient.

#hover #gradient #shadow

Live preview Buttons

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Live preview Buttons

Column Fluted

Fluted column button with vertical grooves.

#hover #gradient #shadow

Live preview Buttons

Copper Wash

Copper button with a brushed wash finish.

#hover #gradient #shadow

Live preview Buttons

Dahlia Bloom

Layered dahlia petals in deep magenta.

#hover #gradient #transform

Live preview Buttons

Disco Floor Button

Button with a flashing disco-tile background.

#hover #animation #gradient

Live preview Buttons

Flute Pillar Button

Tall slender button with vertical flute grooves.

#hover #gradient #transform

Live preview Buttons

Focus Ring Button

Minimal button that gains an accessibility-style focus ring on hover.

#hover #border

Live preview Buttons

Forge Hammer Button

Slate button that looks hammered into shape on hover.

#hover #transform #shadow

Live preview Buttons

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Live preview Buttons

Fuchsia Pop

Vivid fuchsia pink with bounce animation.

#hover #gradient #transform

Live preview Buttons

Galactic

Galactic-core button with swirling violet-blue.

#hover #animation #gradient

Live preview Buttons

Gate Valve Button

Industrial gate valve button with horizontal slide reveal.

#hover #transform #border

Live preview Buttons

Gibbous

Gibbous-moon button with a partial curved shadow.

#hover #gradient #transform

Live preview Buttons

Glacier Ice

Cracked glacier ice with blue depths.

#hover #gradient #transform

Live preview Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Live preview Buttons

Grass Blade Button

Green button with grass blades growing on top.

#hover #gradient #border

Live preview Buttons

Gulf Stream

Gulf-stream button with a flowing blue current.

#hover #gradient #transform

Live preview Buttons

Has-Selector Loading Button

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

#animation #hover #transform

Live preview Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Live preview Buttons

Ship Hull Button

Navy button with riveted hull plates.

#hover #gradient #transform

Live preview Buttons

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Live preview Buttons

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Live preview Buttons

Laurel

Laurel-leaf button with a regal green crown.

#hover #gradient #transform

Live preview Buttons

Lilac Bloom

Soft lilac button blooming on hover.

#hover #gradient #transform

Live preview Buttons

Lintel

Stone-lintel button with a heavy horizontal beam.

#hover #gradient #shadow

Live preview Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Live preview Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Live preview Buttons

Mortar

Mortar-joint button with thick gray seams.

#hover #gradient #shadow

Live preview Buttons

Obelisk

Tall obelisk button with a tapered pyramid top.

#hover #gradient #shadow

Live preview Buttons

Orchid Bloom

Orchid-purple button with a soft bloom glow.

#hover #gradient #transform

Live preview Buttons

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Live preview Buttons

Quartz Spark

Crystalline quartz button that catches light.

#hover #gradient #shadow

Live preview Buttons

Shingle

Shingle-roof button with overlapping wood tiles.

#hover #gradient #shadow

Live preview Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Live preview Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

#hover #gradient #transform

Live preview Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

Live preview Buttons

Trailblazer

Bright orange trailblaze with motion lines.

#animation #gradient #transform

Live preview Buttons

Tree Bark

Rough tree bark with vertical striations.

#hover #gradient #shadow

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

#animation #gradient #transform

Live preview Buttons

Truss

Truss button with triangulated beam pattern.

#hover #gradient #shadow

Live preview Buttons

Turret

Castle-turret button with a conical roof.

#hover #gradient #shadow

Live preview Buttons

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

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

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Live preview Buttons

Wainscot

Wainscoting button with raised panel borders.

#hover #gradient #shadow

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

Yacht

Yacht-button with crisp white and navy stripes.

#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

Zinnia

Bright zinnia-orange button with petal softness.

#hover #gradient #transform

Live preview Cards

Master Achievement Card

Master-tier achievement with gold and dark theme.

#gradient #shadow #border

Live preview Cards

Platinum Achievement Card

Platinum-tier achievement with elite platinum theme.

#gradient #shadow #border

Live preview Cards

Acrobat Card

Acrobat performer card with dynamic pose icon.

#gradient #shadow #border

Live preview Cards

Alpha Test Card

Alpha test card with work-in-progress warning.

#gradient #shadow #border

Live preview Cards

Angel Card

Angel card with wings, halo, and divine aura.

#gradient #shadow #border

Live preview Cards

App Rating Card

App rating card with stars, review count, and submit box.

#gradient #shadow

Live preview Cards

Artifact Card

Museum artifact card with provenance and era badge.

#gradient #shadow #border

Live preview Cards

Artist Pass

Artist pass with paint palette motif and signature line.

#gradient #shadow #filter

Live preview Cards

Aurora Gradient Card

Card with an animated aurora gradient that drifts across the background.

#gradient #animation #shadow

Live preview Cards

Author Bio Card

Author biography card with portrait, name, genre, and works.

#gradient #transform #shadow

Live preview Cards

Baggage Tag Card

Luggage baggage tag with route, weight, and barcode.

#shadow

Live preview Cards

Barcode Card

Barcode card with vertical black bars of varying widths and a numeric code below.

#gradient #shadow

Live preview Cards

Barista Tips Card

Barista tips card with technique, grind size, and brew ratio.

#transform #shadow #border

Live preview Cards

Bestiary Entry Card

Bestiary entry card with a creature sketch, taxonomy, and danger rating.

#gradient #transform #shadow

Live preview Cards

Bill Summary Card

Utility bill summary with usage bar and amount due.

#gradient #shadow

Live preview Cards

Kids Birthday Card

Colorful kids birthday card with balloon and confetti.

#gradient #shadow #border

Live preview Cards

Board Game Card

Board game card with a dice icon, turn indicator, and a player score panel.

#animation #gradient #transform

Live preview Cards

Book Borrowed Record Card

Library checkout record card with book details and borrower info.

#gradient #shadow #border

Live preview Cards

Border Trace Card

Two thin lines race around the perimeter and meet at the opposite corner.

#hover #gradient #transform

Live preview Cards

Boss Card

Final boss card with phases and enrage timer.

#gradient #shadow #border

Most viewed effects

Browse by category

Popular tags