LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

"gradient" etiketiyle eşleşen 5.189 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Butonlar

Amethyst Cluster

Purple amethyst crystal cluster.

#hover #gradient #transform

Canlı incele Butonlar

Antelope Canyon

Wave-carved sandstone canyon colors.

#hover #gradient #shadow

Canlı incele Butonlar

Anvil

Heavy anvil-button with dark cast-iron surface.

#hover #gradient #shadow

Canlı incele Butonlar

Arch Span

Architectural arch-span button with a curved top.

#hover #gradient #shadow

Canlı incele Butonlar

Arrow Pulse

Button with arrow that pulses on hover.

#hover #animation #gradient

Canlı incele Butonlar

Aster Bloom

Purple aster flower with yellow center.

#hover #gradient #transform

Canlı incele Butonlar

Aster Bloom

Aster-purple button with a starburst bloom center.

#hover #gradient #transform

Canlı incele Butonlar

Aurora Drift Button

Button with an aurora borealis gradient drifting across its surface.

#hover #animation #gradient

Canlı incele Butonlar

Aurora Veil

Northern lights veil of green-violet.

#animation #gradient #transform

Canlı incele Butonlar

Autumn Leaves

Warm autumn orange-red-yellow leaves.

#hover #gradient #shadow

Canlı incele Butonlar

Azalea Bloom

Bright pink azalea flower button.

#hover #gradient #transform

Canlı incele Butonlar

Azure Mist

Pale azure button with a misty softness.

#hover #gradient #transform

Canlı incele Butonlar

Azure Sky

Clear azure sky with soft cloud.

#hover #gradient #shadow

Canlı incele Butonlar

Balcony

Balcony button with a railing strip.

#hover #gradient #shadow

Canlı incele Butonlar

Balsa

Lightweight balsa-wood button with pale grain.

#hover #gradient #shadow

Canlı incele Butonlar

Balustrade

Balustrade button with vertical baluster spindles.

#hover #gradient #shadow

Canlı incele Butonlar

Bamboo Stalk

Green bamboo stalk with segment lines.

#hover #gradient #shadow

Canlı incele Butonlar

Banded Agate

Banded agate with parallel colored bands.

#hover #gradient #shadow

Canlı incele Butonlar

Barcode Scan Button

Black button with animated barcode stripes and a scan line.

#hover #animation #gradient

Canlı incele Butonlar

Birch Bark

White birch bark with dark streaks.

#hover #gradient #shadow

Canlı incele Butonlar

Barnacle

Barnacle-encrusted button with raised dot texture.

#hover #gradient #shadow

Canlı incele Butonlar

Bayou Swamp

Misty green bayou with murky undertones.

#hover #gradient #shadow

Canlı incele Butonlar

Beacon Light

Yellow beacon with rotating light pulse.

#animation #gradient #shadow

Canlı incele Butonlar

Beam Iron

Iron I-beam button with riveted industrial edges.

#hover #gradient #shadow

Canlı incele Butonlar

Beam Sweep Button

Dark button with a bright cyan beam sweeping horizontally.

#hover #gradient #border

Canlı incele Butonlar

Beech Wood

Pale beech wood with subtle grain.

#hover #gradient #shadow

Canlı incele Butonlar

Bellows

Bellows-button with accordion-pleated sides.

#hover #gradient #shadow

Canlı incele Butonlar

Bend Corner Button

Paper-style button whose corner bends up on hover.

#hover #gradient #transform

Canlı incele Butonlar

Wild Berry

Purple wild berry with juicy sheen.

#hover #gradient #transform

Canlı incele Butonlar

Binary Star

Binary-star button with twin glowing cores.

#hover #gradient #transform

Canlı incele Butonlar

Birch Bark

Birch-bark button with white-peeling stripes.

#hover #gradient #shadow

Canlı incele Butonlar

Biscuit Crust

Golden-brown biscuit with crusty top.

#hover #gradient #transform

Canlı incele Butonlar

Bismuth Crystal

Iridescent bismuth with rainbow staircase.

#hover #gradient #shadow

Canlı incele Butonlar

Blueprint

Architectural blueprint with white grid.

#hover #gradient #shadow

Canlı incele Butonlar

Bolt Cutter

Bolt-cutter button with strong crossed jaws.

#hover #gradient #shadow

Canlı incele Butonlar

Border Beam Button

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

#gradient #animation #hover

Canlı incele Butonlar

Bow Tie Button

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

#hover #gradient #transform

Canlı incele Butonlar

Bracken Fern

Curled bracken fern green pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Bramble

Bramble-thicket button with dark berries.

#hover #gradient #shadow

Canlı incele Butonlar

Brick Wall Button

Button textured like a red brick wall with mortar lines.

#hover #gradient #transform

Canlı incele Butonlar

Brine Pool

Brine-pool button with a salty yellow-green tinge.

#hover #gradient #transform

Canlı incele Butonlar

Bronze Age

Aged bronze with patina and hammer marks.

#hover #gradient #shadow

Canlı incele Butonlar

Buffalo Nickel

Aged buffalo nickel coin in bronze.

#hover #gradient #shadow

Canlı incele Butonlar

Burgundy Wine

Deep burgundy wine-red with sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Burlap Sack

Rough tan burlap with woven texture.

#hover #gradient #shadow

Canlı incele Butonlar

Burst Line Button

Button that emits radial burst lines on hover.

#hover #gradient #transform

Canlı incele Butonlar

Buttercup Flower

Bright buttercup-yellow with green center.

#hover #gradient #transform

Canlı incele Butonlar

Buttress

Stone buttress button with a supporting angle.

#hover #gradient #shadow

Canlı incele Butonlar

Cabbage Leaf

Layered green cabbage leafy texture.

#hover #gradient #shadow

Canlı incele Butonlar

Cactus Bloom

Desert cactus button with a bloom accent.

#hover #gradient #transform

Canlı incele Butonlar

Cadmium Yellow

Pure cadmium yellow with deep orange edge.

#hover #gradient #shadow

Canlı incele Butonlar

Caliper

Caliper-button with precise measurement ticks.

#hover #gradient #shadow

Canlı incele Butonlar

Cameo Carve

White cameo profile on dark background.

#hover #gradient #shadow

Canlı incele Butonlar

Campfire Glow

Warm campfire with flickering embers.

#animation #gradient #shadow

Canlı incele Butonlar

Cantilever

Cantilever button with an overhang shadow.

#hover #gradient #transform

Canlı incele Butonlar

Canyon Rock

Red rock canyon layers stacked horizontally.

#hover #gradient #shadow

Canlı incele Butonlar

Cardinal Red

Crisp cardinal red with black crest detail.

#hover #gradient #shadow

Canlı incele Butonlar

Carnelian Stone

Warm orange-red carnelian agate stone.

#hover #gradient #shadow

Canlı incele Butonlar

Cascade Steps Button

Button whose background cascades down in stepped layers.

#hover #gradient #transform

Canlı incele Butonlar

Cassiopeia

Cassiopeia-W button with a zig-zag star line.

#hover #gradient #transform

Canlı incele Butonlar

Cedar Bark

Reddish cedar bark with fibrous texture.

#hover #gradient #shadow

Canlı incele Butonlar

Cedar Shake

Cedar-shake button with rough overlapping shingles.

#hover #gradient #shadow

Canlı incele Butonlar

Celestial Orbit Button

Cosmic button with a small moon orbiting its border.

#animation #gradient #transform

Canlı incele Butonlar

Celestial Blue

Heavenly celestial blue with golden edge.

#hover #gradient #shadow

Canlı incele Butonlar

Cepheid

Cepheid-variable button that pulses rhythmically.

#hover #animation #gradient

Canlı incele Butonlar

Cerulean

Sky cerulean-blue button with airy lightness.

#hover #gradient #transform

Canlı incele Butonlar

Charge Up Button

Button that charges up with energy before releasing on hover.

#hover #gradient #transform

Canlı incele Butonlar

Chartreuse Pop

Vivid chartreuse yellow-green with glow.

#hover #gradient #shadow

Canlı incele Butonlar

Chestnut Brown

Glossy chestnut brown with mahogany tint.

#hover #gradient #shadow

Canlı incele Butonlar

Chiffon Soft

Sheer pale-yellow chiffon-like button.

#hover #gradient #transform

Canlı incele Butonlar

Chimera Blend

Multi-color chimera blend of fiery hues.

#hover #gradient #transform

Canlı incele Butonlar

Circuit Chip Button

IC chip button with pin contacts along its edges.

#hover #gradient #shadow

Canlı incele Butonlar

Chrome Shine

Mirror chrome with diagonal shine sweep.

#animation #gradient #shadow

Canlı incele Butonlar

Cinder Block

Dark cinder gray with rough block texture.

#hover #gradient #shadow

Canlı incele Butonlar

Cinnamon Stick

Warm cinnamon brown with bark curl.

#hover #gradient #shadow

Canlı incele Butonlar

Circuit Trace Button

Dark button with a glowing circuit trace path animation.

#hover #gradient #transform

Canlı incele Butonlar

Citrine Shard

Citrine-crystal button with a faceted shard highlight.

#hover #gradient #shadow

Canlı incele Butonlar

Clapboard

Clapboard-siding button with overlapping planks.

#hover #gradient #shadow

Canlı incele Butonlar

Clove Spice

Dark clove-brown with rusty undertone.

#hover #gradient #shadow

Canlı incele Butonlar

Clover

Clover-leaf button with three round leaflets.

#hover #gradient #shadow

Canlı incele Butonlar

Coal Lump

Black coal lump with subtle sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Cobalt Steel Button

Deep cobalt button with a brushed steel gradient.

#hover #gradient #transform

Canlı incele Butonlar

Cobalt Storm

Deep cobalt button with an electric storm shimmer.

#hover #gradient #transform

Canlı incele Butonlar

Cobblestone

Cobblestone button with rounded stone chips.

#hover #gradient #shadow

Canlı incele Butonlar

Cobweb Lace

Pale gray button with cobweb pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Colonnade

Colonnade button with a row of column lines.

#hover #gradient #shadow

Canlı incele Butonlar

Comet Trail Button

Dark button with a comet streaking across on hover.

#hover #gradient #transform

Canlı incele Butonlar

Comet Streak

Dark cosmic button with a streaking comet tail.

#hover #gradient #shadow

Canlı incele Butonlar

Comet Tail

Cosmic comet with trailing light streak.

#animation #gradient #transform

Canlı incele Butonlar

Animated Conic Border

Button with a rotating conic-gradient border that spins around the edge.

#gradient #animation #hover

Canlı incele Butonlar

Conic Halo Button

A registered custom property animates the angle of a conic gradient border ring.

#animation #gradient #hover

Canlı incele Butonlar

Constellation

Constellation button with connected star points.

#hover #gradient #transform

Canlı incele Butonlar

Copper Penny

Shiny copper penny with mint sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Coral Reef Button

Warm coral button with a subtle reef texture gradient.

#hover #gradient #transform

Canlı incele Butonlar

Coral Bay

Coral-pink gradient button with a soft bay-water shimmer.

#hover #gradient #transform

Canlı incele Butonlar

Coral Reef

Pink-orange coral with branching pattern.

#hover #gradient #shadow