LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Butonlar — 850 Ücretsiz CSS Efekti

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

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Buttons

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Buttons

Frame Border Button

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

#hover #shadow #border

Canlı incele Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Buttons

Frosted Ice Button

Translucent frosted ice button with a sweeping crystalline shine.

#gradient #hover #glass

Canlı incele Buttons

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Canlı incele Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Canlı incele Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Buttons

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Canlı incele Buttons

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Buttons

Violet Storm

Deep violet button with lightning flicker.

#animation #gradient #shadow

Canlı incele Buttons

3D Push Button

Skeuomorphic 3D button that physically depresses on click.

#hover #3d #shadow

Canlı incele Buttons

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Canlı incele Buttons

Abyss Plain

Abyssal-plain button with an endless flat seafloor.

#hover #gradient #transform

Canlı incele Buttons

Abyssal

Deep abyssal button with a black-blue gradient.

#hover #gradient #transform

Canlı incele Buttons

Acid Burn Button

Toxic green button with a bubbling acid burn on hover.

#hover #animation #transform

Canlı incele Buttons

Aconite Bloom

Deep purple-blue monkshood flower button.

#hover #gradient #transform

Canlı incele Buttons

Acorn Cap

Brown acorn with cap-textured top.

#hover #gradient #shadow

Canlı incele Buttons

Acorn Shell

Acorn-brown button with a glossy cap shell.

#hover #gradient #shadow

Canlı incele Buttons

Adobe

Adobe-brick button with a warm clay tone.

#hover #gradient #shadow

Canlı incele Buttons

Aero Glass Button

Frosted aero-glass button with a moving light streak.

#hover #gradient #transform

Canlı incele Buttons

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Canlı incele Buttons

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Canlı incele Buttons

Aloe

Aloe-vera button with spiked-leaf accents.

#hover #gradient #shadow

Canlı incele Buttons

Alpine Peak

Snow-capped alpine mountain button.

#hover #gradient #shadow

Canlı incele Buttons

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Canlı incele Buttons

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Canlı incele Buttons

Amber Pour

Liquid amber button with a glossy pour sheen.

#hover #gradient #transform

Canlı incele Buttons

Amber Resin

Transparent amber resin with trapped bubble.

#hover #gradient #shadow

Canlı incele Buttons

Amethyst Cluster

Purple amethyst crystal cluster.

#hover #gradient #transform

Canlı incele Buttons

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Canlı incele Buttons

Animated Stripe Button

Diagonal candy stripes that scroll continuously across the button.

#gradient #animation #hover

Canlı incele Buttons

Anodized Aluminum

Colorful anodized aluminum with smooth surface.

#hover #gradient #shadow

Canlı incele Buttons

Antelope Canyon

Wave-carved sandstone canyon colors.

#hover #gradient #shadow

Canlı incele Buttons

Antique Brass

Tarnished antique brass with verdigris spots.

#hover #gradient #shadow

Canlı incele Buttons

Anvil

Heavy anvil-button with dark cast-iron surface.

#hover #gradient #shadow

Canlı incele Buttons

Apricot Glow

Soft apricot orange with gentle glow.

#hover #gradient #transform

Canlı incele Buttons

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

Canlı incele Buttons

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Canlı incele Buttons

Arch Span

Architectural arch-span button with a curved top.

#hover #gradient #shadow

Canlı incele Buttons

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Canlı incele Buttons

Arrow Morph Button

Label slides left as an arrow fades in from the right on hover.

#hover #border #transform

Canlı incele Buttons

Arrow Pulse

Button with arrow that pulses on hover.

#hover #animation #gradient

Canlı incele Buttons

Arrow Slide Button

Arrow icon slides out from text on hover with smooth transition.

#hover #border #transform

Canlı incele Buttons

Aster Bloom

Purple aster flower with yellow center.

#hover #gradient #transform

Canlı incele Buttons

Aster Bloom

Aster-purple button with a starburst bloom center.

#hover #gradient #transform

Canlı incele Buttons

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Canlı incele Buttons

Auger

Auger-button with a helical screw spiral.

#hover #gradient #shadow

Canlı incele Buttons

Aurora Borealis

Northern-lights button with shifting aurora hues.

#hover #animation #gradient

Canlı incele Buttons

Aurora Drift Button

Button with an aurora borealis gradient drifting across its surface.

#hover #animation #gradient

Canlı incele Buttons

Aurora Veil

Northern lights veil of green-violet.

#animation #gradient #transform

Canlı incele Buttons

Autumn Leaves

Warm autumn orange-red-yellow leaves.

#hover #gradient #shadow

Canlı incele Buttons

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Canlı incele Buttons

Axletree

Axletree-button with a heavy central iron shaft.

#hover #gradient #shadow

Canlı incele Buttons

Azalea Bloom

Bright pink azalea flower button.

#hover #gradient #transform

Canlı incele Buttons

Azure Mist

Pale azure button with a misty softness.

#hover #gradient #transform

Canlı incele Buttons

Azure Sky

Clear azure sky with soft cloud.

#hover #gradient #shadow

Canlı incele Buttons

Badge Notification Button

Slate button with a pulsing red notification badge on the corner.

#animation #hover #shadow

Canlı incele Buttons

Balcony

Balcony button with a railing strip.

#hover #gradient #shadow

Canlı incele Buttons

Balsa

Lightweight balsa-wood button with pale grain.

#hover #gradient #shadow

Canlı incele Buttons

Balustrade

Balustrade button with vertical baluster spindles.

#hover #gradient #shadow

Canlı incele Buttons

Bamboo Stalk

Green bamboo stalk with segment lines.

#hover #gradient #shadow

Canlı incele Buttons

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Canlı incele Buttons

Banded Agate

Banded agate with parallel colored bands.

#hover #gradient #shadow

Canlı incele Buttons

Barcode Scan Button

Black button with animated barcode stripes and a scan line.

#hover #animation #gradient

Canlı incele Buttons

Birch Bark

White birch bark with dark streaks.

#hover #gradient #shadow

Canlı incele Buttons

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Canlı incele Buttons

Barn Owl

Soft tawny owl-feather pattern.

#hover #gradient #shadow

Canlı incele Buttons

Barnacle

Barnacle-encrusted button with raised dot texture.

#hover #gradient #shadow

Canlı incele Buttons

Bayou Swamp

Misty green bayou with murky undertones.

#hover #gradient #shadow

Canlı incele Buttons

Beacon Light

Yellow beacon with rotating light pulse.

#animation #gradient #shadow

Canlı incele Buttons

Beam Iron

Iron I-beam button with riveted industrial edges.

#hover #gradient #shadow

Canlı incele Buttons

Beam Sweep Button

Dark button with a bright cyan beam sweeping horizontally.

#hover #gradient #border

Canlı incele Buttons

Beech Wood

Pale beech wood with subtle grain.

#hover #gradient #shadow

Canlı incele Buttons

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Canlı incele Buttons

Bellows

Bellows-button with accordion-pleated sides.

#hover #gradient #shadow

Canlı incele Buttons

Bend Corner Button

Paper-style button whose corner bends up on hover.

#hover #gradient #transform

Canlı incele Buttons

Wild Berry

Purple wild berry with juicy sheen.

#hover #gradient #transform

Canlı incele Buttons

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

Canlı incele Buttons

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Canlı incele Buttons

Binary Star

Binary-star button with twin glowing cores.

#hover #gradient #transform

Canlı incele Buttons

Birch Trunk

White birch trunk with peeling bark.

#hover #gradient #shadow

Canlı incele Buttons

Birch Bark

Birch-bark button with white-peeling stripes.

#hover #gradient #shadow

Canlı incele Buttons

Biscuit Crust

Golden-brown biscuit with crusty top.

#hover #gradient #transform

Canlı incele Buttons

Bismuth Crystal

Iridescent bismuth with rainbow staircase.

#hover #gradient #shadow

Canlı incele Buttons

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Canlı incele Buttons

Blink Tag Button

Tag-style button that blinks like an active LED indicator.

#hover #animation #transform

Canlı incele Buttons

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Canlı incele Buttons

Blueprint

Architectural blueprint with white grid.

#hover #gradient #shadow

Canlı incele Buttons

Bolt Cutter

Bolt-cutter button with strong crossed jaws.

#hover #gradient #shadow

Canlı incele Buttons

Bolt Strike Button

Electric button with a lightning bolt striking on hover.

#hover #transform #shadow

Canlı incele Buttons

Bonsai Tree

Tiny bonsai with green crown on brown pot.

#hover #gradient #shadow

Canlı incele Buttons

Border Beam Button

A light beam travels along the button's border on hover.

#gradient #animation #hover

Canlı incele Buttons

3D Bounce Button

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

#hover #animation #transform

Canlı incele Buttons

Bow Tie Button

Playful button that bows forward in a 3D tilt on hover.

#hover #gradient #transform