Most Popular CSS Effects (Page 8)

Live preview Backgrounds

Winter Glow

A soft warm winter glow lights snow against a cool sky.

#animation #gradient

Live preview Backgrounds

Winter Solstice

The longest night of the winter solstice under a starry sky.

#animation #gradient

Live preview Backgrounds

Moroccan Zellige

Vivid Moroccan zellige mosaic tiles in star pattern.

#animation #gradient #transform

Live preview Buttons

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Live preview Buttons

Acorn Cap

Brown acorn with cap-textured top.

#hover #gradient #shadow

Live preview Buttons

Acorn Shell

Acorn-brown button with a glossy cap shell.

#hover #gradient #shadow

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

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #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

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

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

Bessemer Steel

Molten bessemer steel with hot edge.

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

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

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

Equinox

Equinox button with a balanced day-night split.

#hover #gradient #transform

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

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

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

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

Allergy Alert Card

Allergy alert card with warning banner and allergen list.

#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

App Update Card

App update card with version, size, and update button.

#gradient #shadow #border

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

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

Browse by category

Popular tags