LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Butonlar — 850 Ücretsiz CSS Efekti (Sayfa 8)

Tıklanabilir, animasyonlu saf CSS buton efektleri.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Buttons

Ripple Shine Sweep

A diagonal light sweep animates across the button on hover.

#gradient #hover #shadow

Canlı incele Buttons

Riverbed Stone

Wet riverbed stones in blue-gray tones.

#hover #gradient #shadow

Canlı incele Buttons

Rivet

Rivet-button with metallic rounded rivet heads.

#hover #gradient #shadow

Canlı incele Buttons

Roadtrip Diner

Retro neon-diner sign with red-yellow.

#hover #gradient #shadow

Canlı incele Buttons

Robin Egg

Soft speckled robin-egg blue.

#hover #gradient #transform

Canlı incele Buttons

Rose Hip

Rose-hip button with a bright red berry accent.

#hover #gradient #shadow

Canlı incele Buttons

Rose Quartz Heart

Pink rose-quartz heart-stone button.

#hover #gradient #transform

Canlı incele Buttons

Rosewood Carve

Dark rosewood with carved pattern.

#hover #gradient #shadow

Canlı incele Buttons

Rosewood Stain

Dark rosewood button with a wood-grain stain sheen.

#hover #gradient #shadow

Canlı incele Buttons

Rouge Blush

Soft powder rouge blush with shimmer.

#hover #gradient #transform

Canlı incele Buttons

Rubber Band Button

Teal button that wobbles elastically like a rubber band on hover.

#animation #hover #shadow

Canlı incele Buttons

Ruby Spark

Deep red ruby with a single white spark.

#hover #gradient #transform

Canlı incele Buttons

Russet Leaf

Autumn russet button with a leaf-vein sheen.

#hover #gradient #shadow

Canlı incele Buttons

Rust Iron

Rusted iron button with oxidation patches.

#hover #gradient #shadow

Canlı incele Buttons

Safflower

Safflower-red button with a petal-glow finish.

#hover #gradient #transform

Canlı incele Buttons

Saffron Spice

Deep saffron-orange with thread texture.

#hover #gradient #shadow

Canlı incele Buttons

Sage Mist

Sage-green button with a misty matte finish.

#hover #gradient #transform

Canlı incele Buttons

Sagebrush

Sagebrush button with dusty desert tones.

#hover #gradient #shadow

Canlı incele Buttons

Sail Keel

Sail-keel button with a triangular sail accent.

#hover #gradient #shadow

Canlı incele Buttons

Sailor Knot

Navy sailor button with rope-knot border.

#hover #gradient #shadow

Canlı incele Buttons

Salamander

Fire-salamander button with ember stripes.

#hover #gradient #shadow

Canlı incele Buttons

Salmon Run

Upstream salmon-pink button with motion lines.

#animation #gradient #transform

Canlı incele Buttons

Sandblast

Sandblast-button with a frosted gritty surface.

#hover #gradient #shadow

Canlı incele Buttons

Sandbox

Sand-tan button with grainy texture.

#hover #gradient #shadow

Canlı incele Buttons

Sapphire Gem

Royal blue sapphire with faceted sheen.

#hover #gradient #transform

Canlı incele Buttons

Satin Sheen

Smooth satin-finish button with diagonal sheen.

#hover #gradient #transform

Canlı incele Buttons

Saturn Ring

Saturn-amber button with a tilted gold ring.

#hover #gradient #transform

Canlı incele Buttons

Savanna Sun

Golden savanna grass under wide sun.

#hover #gradient #shadow

Canlı incele Buttons

Scanner Line

Black-green button with scanning beam line.

#animation #shadow #border

Canlı incele Buttons

Scarlet Letter

Bold scarlet-red with serif accent.

#hover #gradient #transform

Canlı incele Buttons

Scuba Dive

Deep dive blue with rising bubble particles.

#animation #gradient #transform

Canlı incele Buttons

Seafoam Wash

Light seafoam-green with frothy white edge.

#hover #gradient #transform

Canlı incele Buttons

Shadow Cast

Dark button that lifts its shadow on hover.

#hover #gradient #transform

Canlı incele Buttons

Shake Button

Red alert button that shakes rapidly while hovered, then inverts on click.

#animation #hover #border

Canlı incele Buttons

Sharkskin Suit

Smooth gray sharkskin weave pattern.

#hover #gradient #shadow

Canlı incele Buttons

Silk Sheen

Soft silk button with diagonal moving sheen.

#animation #gradient #transform

Canlı incele Buttons

Sherbet Swirl

Creamy orange-raspberry sherbet swirl.

#animation #gradient #transform

Canlı incele Buttons

Soft Shimmer

Pastel button with a soft shimmer overlay.

#animation #gradient #transform

Canlı incele Buttons

Shingle

Shingle-roof button with overlapping wood tiles.

#hover #gradient #shadow

Canlı incele Buttons

Shoal

Shoal-button with a school of fish specks.

#hover #gradient #transform

Canlı incele Buttons

Silver Leaf

Hand-applied silver leaf with crackled edges.

#hover #gradient #transform

Canlı incele Buttons

Slate Edge

Cool slate gray with chiseled edge.

#hover #gradient #transform

Canlı incele Buttons

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Canlı incele Buttons

Snake Border Button

A single bright emerald arc travels continuously around the perimeter.

#gradient #animation #hover

Canlı incele Buttons

Snowfall Drift

Frosted button with snowflakes drifting down.

#animation #gradient #shadow

Canlı incele Buttons

Soft Bloom

Soft pink bloom that expands on hover.

#hover #gradient #transform

Canlı incele Buttons

Sonar Ping

Sonar pings radiating outward in teal.

#animation #shadow #border

Canlı incele Buttons

Sorrel

Sorrel-leaf button with a reddish-veined tint.

#hover #gradient #shadow

Canlı incele Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Canlı incele Buttons

Spider Web

Black button with white web overlay.

#gradient #shadow #border

Canlı incele Buttons

Spike Stud

Punk rock button with spiked border.

#hover #gradient #transform

Canlı incele Buttons

Spinel Cut

Octahedral spinel gem with crisp facets.

#hover #gradient #transform

Canlı incele Buttons

Spiral Burst

Conic spiral that rotates on hover.

#hover #gradient #transform

Canlı incele Buttons

Spire

Tall spire button with a pointed apex.

#hover #gradient #shadow

Canlı incele Buttons

Spotlight Sweep Button

A warm yellow spotlight glow follows the cursor across the surface.

#gradient #hover #border

Canlı incele Buttons

Spring Bloom

Fresh spring greens with blossom dots.

#hover #gradient #transform

Canlı incele Buttons

Spring Up Button

Orange button that springs up with overshoot easing on hover.

#animation #hover #shadow

Canlı incele Buttons

Sprocket

Sprocket-button with a toothed ring pattern.

#hover #gradient #shadow

Canlı incele Buttons

Stanchion

Stanchion-button with vertical support posts.

#hover #gradient #shadow

Canlı incele Buttons

Stardust Trail

Cosmic button with scattered stardust.

#gradient #shadow #border

Canlı incele Buttons

Stardust Trail

Stardust button with a sparkly particle trail.

#hover #gradient #transform

Canlı incele Buttons

Static Noise

Old TV static noise on a black button.

#animation #gradient #transform

Canlı incele Buttons

Steampunk Brass

Aged brass button with rivets and gear feel.

#hover #gradient #shadow

Canlı incele Buttons

Stone Moss Cushion

Cushiony stone button with mossy top.

#hover #gradient #shadow

Canlı incele Buttons

Strawberry Seed

Bright red strawberry with seed speckles.

#hover #gradient #transform

Canlı incele Buttons

Stronghold

Stronghold button with thick stone walls.

#hover #gradient #shadow

Canlı incele Buttons

Stucco

Stucco-wall button with a textured plaster look.

#hover #gradient #shadow

Canlı incele Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

#hover #gradient #transform

Canlı incele Buttons

Supernova

Supernova button with an explosive white core.

#hover #gradient #transform

Canlı incele Buttons

Taffy Pull

Stretched pink-yellow taffy with swirls.

#animation #gradient #shadow

Canlı incele Buttons

Tap Die

Tap-and-die button with threaded spiral groove.

#hover #gradient #shadow

Canlı incele Buttons

Woven Tapestry

Cross-woven threads in warm reds and golds.

#hover #gradient #shadow

Canlı incele Buttons

Tarragon Herb

Earthy green herb button with leaf veins.

#hover #gradient #shadow

Canlı incele Buttons

Tattoo Ink

Dark skin-tone with inked black outline.

#hover #gradient #transform

Canlı incele Buttons

Taupe Stone

Warm taupe button with a stone-grain surface.

#hover #gradient #shadow

Canlı incele Buttons

Teal Wave

Soft teal button with horizontal wave motion.

#animation #gradient #transform

Canlı incele Buttons

Tempest Storm

Stormy blue-purple with lightning flicker.

#animation #gradient #shadow

Canlı incele Buttons

Terminator

Terminator-line button with a sharp day-night split.

#hover #gradient #shadow

Canlı incele Buttons

Terrace

Terrace button with stepped stone layers.

#hover #gradient #shadow

Canlı incele Buttons

Terracotta Clay

Warm baked terracotta with matte finish.

#hover #gradient #shadow

Canlı incele Buttons

Thatch

Thatch-roof button with bundled straw strands.

#hover #gradient #shadow

Canlı incele Buttons

Thistle Bloom

Soft thistle-purple with spiky edge.

#hover #gradient #transform

Canlı incele Buttons

Thistle Bloom

Thistle-purple button with a fuzzy bloom top.

#hover #gradient #transform

Canlı incele Buttons

Thunder Clap

Yellow lightning bolt flash on dark sky.

#animation #gradient #shadow

Canlı incele Buttons

Tidal Pull

Moon-pulled tidal button with vertical wave.

#animation #gradient #transform

Canlı incele Buttons

Tidal Surge

Tidal-surge button with a rising wave shadow.

#hover #gradient #transform

Canlı incele Buttons

Tide Pool

Tide-pool button with a calm enclosed water sheen.

#hover #gradient #transform

Canlı incele Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

Canlı incele Buttons

Titanium Plate

Brushed titanium plate with crisp edges.

#hover #gradient #shadow

Canlı incele Buttons

Tobacco

Tobacco-brown button with a leathery depth.

#hover #gradient #shadow

Canlı incele Buttons

Toggle

Toggle-switch button with a sliding mechanism feel.

#hover #gradient #shadow

Canlı incele Buttons

Topaz Glow

Golden topaz gem with inner warm glow.

#hover #gradient #shadow

Canlı incele Buttons

Tornado Spin

Spinning tornado of gray-blue clouds.

#animation #gradient #transform

Canlı incele Buttons

Torque Wrench

Torque-wrench button with a graduated scale.

#hover #gradient #shadow

Canlı incele Buttons

Tourmaline Stripe

Pink-green watermelon tourmaline stripes.

#hover #gradient #shadow

Canlı incele Buttons

Tower Keep

Tower-keep button with a tall rectangular shaft.

#hover #gradient #shadow