LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

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

Canlı incele Backgrounds

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Canlı incele Cards

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Hover

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Backgrounds

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Toggles

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Badges

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Badges

Action Copy Badge

Copy action badge with duplicate-page glyph and slate tone.

#gradient #shadow #border

Canlı incele Backgrounds

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Canlı incele Backgrounds

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Canlı incele Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Canlı incele Backgrounds

Fluid Pour

Colorful fluid pours down in a steady thick stream.

#animation #gradient #transform

Canlı incele Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Canlı incele Backgrounds

Morning Glory

Vivid blue morning glory vines spiral upward opening to the sun.

#animation #gradient #transform

Canlı incele Backgrounds

Paint Mixing

Thick layers of paint fold and mix together in slow motion.

#animation #gradient #transform

Canlı incele Backgrounds

Sand Blast

Fine sand streams horizontally in a desert wind blast.

#animation #gradient

Canlı incele Backgrounds

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Canlı incele Backgrounds

Static Noise

TV static noise grain at full intensity.

#animation #gradient

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

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

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Cards

Alarm Card

Alarm card with a clock face, set time, and toggle indicator.

#gradient #transform #shadow

Canlı incele Cards

Invite Only Card

Invite-only card with an envelope flap, wax seal, and elegant calligraphy title.

#gradient #transform #shadow

Canlı incele Cards

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Canlı incele Cards

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

#gradient #shadow

Canlı incele Cards

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Canlı incele Hover

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Canlı incele Loaders

Actuator

Linear actuator extending arm.

#animation #gradient

Canlı incele Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Canlı incele Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Canlı incele Loaders

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Canlı incele Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Canlı incele Loaders

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Canlı incele Loaders

Wormhole Tunnel

Traveling through a wormhole tunnel.

#animation #gradient #transform

Canlı incele Navigation

Floating Bottom Nav

Floating bottom navigation with pill design.

#hover #gradient #shadow

Canlı incele Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Toggles

Iris Shutter

Lens-like track opens to reveal the knob inside the iris.

#gradient #transform

Canlı incele Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Canlı incele Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Badges

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Canlı incele Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Canlı incele Badges

Fill Bar Badge

Badge with animated bottom fill bar.

#animation #gradient

Canlı incele Badges

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Canlı incele Badges

Gleam Badge

Badge with subtle gleam reflection.

#animation #gradient #transform

Canlı incele Badges

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Badges

Gradient Shift Badge

Badge with continuously shifting gradient.

#animation #gradient

Canlı incele Badges

Progress Bar Badge

Badge with indeterminate progress indicator.

#animation #gradient

Canlı incele Badges

Shimmer Badge

Badge with continuous shimmer effect.

#animation #gradient

Canlı incele Badges

Shine Sweep Badge

Badge with diagonal light sweep across surface.

#animation #gradient #transform

Canlı incele Badges

Sparkle Badge

Badge with twinkling sparkle effect.

#animation #gradient #shadow

Canlı incele Badges

Wave Badge

Badge with subtle wave shimmer effect.

#animation #gradient #transform

Canlı incele Badges

Arctic Aurora Badge

Aurora-borealis gradient badge with shifting green-violet haze.

#animation #gradient #shadow

Canlı incele Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Badges

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Canlı incele Badges

Art Deco Badge

Art deco badge with gold geometric pattern.

#gradient #transform #border

Canlı incele Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Badges

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Canlı incele Badges

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Badges

Candy Cupcake Badge

Cupcake badge with frosting-pink swirl and gold sprinkles.

#gradient #shadow #border

Canlı incele Badges

Candy Lollipop Badge

Lollipop badge with spiral swirl pattern.

#gradient #shadow #border

Canlı incele Badges

Candy Marshmallow Badge

Puffy white marshmallow badge with soft shadow.

#gradient #shadow #border

Canlı incele Badges

Cave Crystal Badge

Faceted crystal badge with diamond-cut shimmer.

#gradient #shadow #border

Canlı incele Badges

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Canlı incele Badges

Cloud AWS Badge

AWS cloud badge with orange-to-dark gradient and Squidward.

#gradient #shadow #border

Canlı incele Badges

Cloud Azure Badge

Microsoft Azure badge with blue A-triangle styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Cloudflare Badge

Cloudflare cloud badge with orange-flame styling.

#gradient #shadow #border

Canlı incele Badges

Cloud DigitalOcean Badge

DigitalOcean cloud badge with blue-curve wave styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Fly Badge

Fly.io cloud badge with red-magenta fly styling.

#gradient #shadow #border

Canlı incele Badges

Cloud GCP Badge

Google Cloud Platform badge with four-color split styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Heroku Badge

Heroku cloud badge with purple-paper plane styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Render Badge

Render cloud badge with deep-violet styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Vercel Badge

Vercel cloud badge with mono triangle-marker styling.

#gradient #shadow #border

Canlı incele Badges

Cyber Circuit Badge

Circuit-board pattern badge with copper trace lines.

#gradient #shadow #border

Canlı incele Badges

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Canlı incele Badges

Cyber Matrix Badge

Matrix-style green-on-black badge with cascading digits.

#gradient #shadow #border

Canlı incele Badges

Cyber Scanline Badge

Dark CRT-style badge with animated horizontal scan lines.

#animation #gradient #border

Popüler etiketler

#transform5765 #shadow5548 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3