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

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Kartlar

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Arka Planlar

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Canlı incele Arka Planlar

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Canlı incele Butonlar

Alpine Peak

Snow-capped alpine mountain button.

#hover #gradient #shadow

Canlı incele Kartlar

Alarm Card

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

#gradient #transform #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 Navigasyon

Floating Bottom Nav

Floating bottom navigation with pill design.

#hover #gradient #shadow

Canlı incele Kartlar

Character Sheet Card

RPG character sheet card with stats, class, and level.

#gradient #shadow #border

Canlı incele Hover

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Yükleyiciler

Baguette Slice

Baguette being sliced.

#animation #gradient #shadow

Canlı incele Butonlar

Birch Trunk

White birch trunk with peeling bark.

#hover #gradient #shadow

Canlı incele Arka Planlar

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Butonlar

Aurora Borealis

Northern-lights button with shifting aurora hues.

#hover #animation #gradient

Canlı incele Butonlar

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Kartlar

Archer Card

Archer card with bow icon and accuracy stat.

#gradient #shadow #border

Canlı incele Yükleyiciler

Wormhole Tunnel

Traveling through a wormhole tunnel.

#animation #gradient #transform

Canlı incele Formlar

Midnight Background Input

Deep midnight blue gradient background.

#gradient #shadow #border

Canlı incele Navigasyon

Color Shift Navbar

Navbar with hue-shifting links on hover.

#hover #animation #gradient

Canlı incele Navigasyon

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele Anahtarlar

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Rozetler

Action Copy Badge

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

#gradient #shadow #border

Canlı incele Arka Planlar

Brown Noise

Warm brown noise drifting like deep ambient rumble.

#animation #gradient #filter

Canlı incele Hover

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Canlı incele Navigasyon

Float Rise Navbar

Hovered links gently rise and float with a soft glow underneath.

#hover #gradient #transform

Canlı incele Sekmeler

Marble Topline Tabs

A veined marble bar with the indicator on its top edge and a popping panel.

#gradient #transform #border

Canlı incele İpuçları

Snow Winter

Winter-themed tooltip with falling snow pattern decoration.

#hover #gradient #transform

Canlı incele Rozetler

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Iridescent Glass Badge

Glass badge with iridescent multi-color shimmer.

#gradient #shadow #border

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Canlı incele Arka Planlar

Chrome Bubble

Liquid chrome bubble reflecting environment with shifting glare.

#animation #gradient #transform

Canlı incele Arka Planlar

Baroque Damask

Opulent baroque damask with gilded floral flourishes.

#animation #gradient #filter

Canlı incele Arka Planlar

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Canlı incele Arka Planlar

Animated Ocean Waves

Layered SVG wave shapes ripple across a calm ocean horizon.

#gradient #animation #border

Canlı incele Butonlar

Antique Brass

Tarnished antique brass with verdigris spots.

#hover #gradient #shadow

Canlı incele Butonlar

Barn Owl

Soft tawny owl-feather pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Emery

Emery-abrasive button with a rough gritty texture.

#hover #gradient #shadow

Canlı incele Butonlar

Spotlight Sweep Button

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

#gradient #hover #border

Canlı incele Kartlar

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Canlı incele Hover

Curtain Fall

Curtain falls down to cover content on hover.

#hover #gradient #transform

Canlı incele Hover

Zoom Blur

Content zooms in with a radial blur, simulating a dolly zoom on hover.

#gradient #hover #shadow

Canlı incele Yükleyiciler

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Yükleyiciler

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Elevator

Elevator car rising and falling inside its shaft.

#animation #gradient #border

Canlı incele Navigasyon

Floating Dock Navbar

macOS-style floating dock navbar with bouncy hover.

#hover #gradient #transform

Canlı incele Navigasyon

Glass Light Navbar

Light glass navbar with subtle backdrop tint.

#hover #gradient #shadow

Canlı incele Navigasyon

Vertical Tab Gradient Bg Flow

Vertical tabs with an animated gradient background flow on the active.

#hover #animation #gradient

Canlı incele Kaydırıcılar

Valve Thermostat Lever

A raked steel cursor rides a recessed slot between an eco stop and a boost stop, under a lit readout.

#slider #thermostat #lever

Canlı incele Metin

Bicolor Gradient

Smooth bicolor diagonal gradient.

Canlı incele Metin

Chevron Arrows

Bold chevron arrow stripes in two-tone.

Canlı incele Metin

Fade Depth

Text fading from foreground into deep shadow.

Canlı incele Anahtarlar

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Canlı incele Rozetler

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Rozetler

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Rozetler

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Rozetler

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Rozetler

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Canlı incele Rozetler

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

#gradient #shadow #border

Canlı incele Rozetler

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

#gradient #shadow #border

Canlı incele Rozetler

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

#gradient #shadow #border

Canlı incele Rozetler

Doc Excel Badge

Excel document badge with green XLS tag.

#gradient #shadow #border

Canlı incele Rozetler

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

#gradient #shadow #border

Canlı incele Rozetler

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Canlı incele Rozetler

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Canlı incele Rozetler

New Pill Badge

Green pill badge announcing new content with a subtle pop-in.

#animation #gradient #transform

Canlı incele Rozetler

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Canlı incele Rozetler

Arrow Tag Shape Badge

Right-pointing arrow-tag badge with pointed end.

#gradient #shadow

Canlı incele Rozetler

Star Shape Badge

Five-point star-shaped badge with golden glow.

#gradient #shadow

Canlı incele Rozetler

Space Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Canlı incele Rozetler

Trust Firewall Badge

Firewall-protected badge with brick-wall red tone.

#gradient #shadow #border

Canlı incele Rozetler

Vapor Palm Badge

Vaporwave badge with palm-tree silhouette accent.

#gradient #shadow #border

Canlı incele Rozetler

Weather Hail Badge

Hail weather badge with ice-stone speckle pattern.

#gradient #shadow #border

Canlı incele Rozetler

Y2K Daisy Badge

Daisy-themed badge with white-yellow petal styling.

#gradient #shadow #border

Canlı incele Arka Planlar

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Canlı incele Arka Planlar

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Canlı incele Arka Planlar

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Canlı incele Arka Planlar

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Canlı incele Arka Planlar

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Canlı incele Arka Planlar

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Canlı incele Arka Planlar

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Canlı incele Arka Planlar

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Canlı incele Arka Planlar

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Canlı incele Arka Planlar

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

#animation #gradient #transform

Canlı incele Arka Planlar

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

#animation #gradient #shadow

Canlı incele Arka Planlar

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Canlı incele Arka Planlar

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

#animation #gradient #filter

Canlı incele Arka Planlar

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Canlı incele Arka Planlar

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Sahara Desert

Endless Sahara dunes ripple golden under a fierce sun.

#animation #gradient

Canlı incele Arka Planlar

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Canlı incele Arka Planlar

Dichroic Glass

Dichroic glass shifts between transmitted and reflected colors.

#animation #gradient

Canlı incele Arka Planlar

Crimson Dusk

A dramatic crimson dusk ignites the horizon in red.

#animation #gradient

Canlı incele Arka Planlar

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Canlı incele Arka Planlar

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform