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 Metin

Circus Tent

Circus striped tent on text.

#animation #gradient #transform

Canlı incele Metin

Cobalt Bright

Bright cobalt-blue text with a glossy highlight.

Canlı incele Metin

Color Blocks Quartet

Four distinct vertical color blocks.

Canlı incele Metin

Color Paint Stroke

Hand-painted color stroke effect.

#gradient #filter

Canlı incele Metin

Concert Hall

Grand concert hall on text.

#animation #gradient #shadow

Canlı incele Metin

CRT Monitor Curve

CRT monitor scanline curve.

#gradient #shadow

Canlı incele Metin

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

#animation #gradient #transform

Canlı incele Metin

Damask Floral

Ornate damask floral pattern in deep gold.

Canlı incele Metin

Drizzle Light

Light gentle drizzle over text.

#animation #gradient #shadow

Canlı incele Metin

Duotone Red Blue

Sharp red and blue duotone split horizontally.

Canlı incele Metin

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Canlı incele Metin

Enamel Baked

Baked enamel hard glossy finish.

#gradient #filter

Canlı incele Metin

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Canlı incele Metin

Glissando Slide

Sliding glissando pitch on text.

#animation #gradient #transform

Canlı incele Metin

Jade Translucent

Translucent jade green stone.

#gradient #filter

Canlı incele Metin

Leo Lion

Majestic maned Leo lion zodiac sign.

#animation #gradient #shadow

Canlı incele Metin

Lotus Tranquil

Tranquil pink lotus on water text.

#animation #gradient #transform

Canlı incele Metin

Metallic Bronze

Aged bronze with deep brown metallic patina.

Canlı incele Metin

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Canlı incele Metin

Paprika Red

Red paprika spice on text.

#animation #gradient #shadow

Canlı incele Metin

Pearl Pink

Pink pearl soft luster.

#gradient #filter

Canlı incele Metin

Pearl Shimmer

Iridescent pearl shimmer with soft pastel shifts.

#animation #gradient

Canlı incele Metin

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Canlı incele Metin

Petals Bloom

Flower petals bloom pattern.

Canlı incele Metin

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Canlı incele Metin

Platinum Shine

Bright platinum-shine metallic gradient with cool highlights.

Canlı incele Metin

Quasar Beam

Brilliant quasar beam sweeping across bright text.

#animation #gradient #shadow

Canlı incele Metin

Roman Column

Roman fluted column on text.

#animation #gradient #shadow

Canlı incele Metin

Slate Flat

Flat slate matte gray stone.

Canlı incele Metin

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Canlı incele Metin

Stained Glass

Stained glass colorful panels.

#gradient #filter

Canlı incele Metin

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Canlı incele Metin

Stripes Tiger

Tiger vertical stripe pattern.

Canlı incele Metin

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Canlı incele Metin

Vintage Magazine Glossy

Vintage magazine glossy print.

Canlı incele Metin

Water Ripple

Text with a watery ripple distortion effect.

#animation #gradient #transform

Canlı incele Metin

Wave Triangle

Triangle wave zigzag pattern.

Canlı incele Metin

Y2K Bubble Gloss

Y2K glossy bubble text.

#gradient #shadow #filter

Canlı incele Metin

Y2K Chrome

Y2K millennium chrome text with metallic blue.

Canlı incele Metin

Zenith Peak

Bright peak point directly overhead in text.

#animation #gradient #filter

Canlı incele İpuçları

Aurora Borealis

Northern-lights aurora borealis gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

BG Mesh

Tooltip with mesh gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Radial

Tooltip background radiates from center above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Carbon Fiber

Carbon fiber weave texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Comet Tail

Comet tail tooltip with trailing gradient streak.

#hover #gradient #transform

Canlı incele İpuçları

Coral Sunset Pink

Warm coral-to-pink gradient tooltip evoking a sunset.

#hover #gradient #transform

Canlı incele İpuçları

Crystal Spark

Crystal-like sparkling tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cyber Grid

Cyberpunk grid pattern tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Deep Teal Pool

Teal tooltip with a subtle aqua gradient pool effect.

#hover #gradient #transform

Canlı incele İpuçları

Denim Fabric

Denim fabric texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Feature Card

Feature highlight card tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Canlı incele İpuçları

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Progress Bar

Tooltip with animated progress bar above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Progress Ring

Circular progress ring tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #gradient #transform

Canlı incele İpuçları

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient

Canlı incele İpuçları

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Canlı incele İpuçları

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

#hover #gradient #transform

Canlı incele İpuçları

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Canlı incele Zaman Çizelgeleri

Lagoon Thumbnail Timeline

Every entry carries a small gradient frame whose light drifts on its own beat.

#thumbnail #gradient #animation

Canlı incele Zaman Çizelgeleri

Marble Metro Timeline

A thick marble line threads three station rings the way a subway route map does.

#layout #gradient #border

Canlı incele Anahtarlar

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Bellows Expand

Camera bellows expand and contract as the knob moves.

#gradient #transform

Canlı incele Anahtarlar

Binary Flow

Binary digits stream across the track as data flows.

#animation #gradient #transform

Canlı incele Anahtarlar

Buoyant / Sinking

Buoyant knob floats then sinks beneath the water on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Anahtarlar

Charcoal Matte

Matte charcoal black with no-shine knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cog Mesh

Two interlocking cogwheels rotate together when engaged.

#animation #gradient #transform

Canlı incele Anahtarlar

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Pearl

Coral pink with pearlescent shimmer knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Canlı incele Anahtarlar

Open / Closed Door

Wooden door swings open on a hinge with a 3D perspective rotation.

#gradient #3d #border

Canlı incele Anahtarlar

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Solar Eclipse

Moon slides in front of the sun to create an eclipse.

#gradient #transform #shadow

Canlı incele Anahtarlar

Eclipse Ring

Moon eclipses the sun with a glowing corona ring.

#gradient #transform #shadow

Canlı incele Anahtarlar

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Canlı incele Anahtarlar

Eye Open / Closed

An eyelid slides down to close the eye when toggled off, with pupil shift.

#gradient #border #transform

Canlı incele Anahtarlar

Fog Roll

Thick fog rolls across the eerie track obscuring the knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Full / Empty

Vertical fill bar drains from full to empty as the knob drops.

#gradient #transform #shadow

Canlı incele Anahtarlar

Geyser Spout

Geothermal geyser spouts water high into the air.

#gradient #transform #shadow

Canlı incele Anahtarlar

Glass / Metal

Frosted glass knob turns to a brushed metal finish.

#gradient #transform #border

Canlı incele Anahtarlar

Graphite / Diamond

Dull graphite knob crystallizes into a sparkling diamond.

#gradient #transform #shadow

Canlı incele Anahtarlar

Graphite Pulse

Graphite dark with pulsing inner glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Halo Ring

A radiant ring expands around the knob as it lights up the track.

#gradient #transform #shadow