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 Sekmeler

Lattice Unit Tabs

A unit switcher on a lattice grid where the reading flips over on each change.

#transform #gradient #typography

Canlı incele Sekmeler

Ridge Step Form Tabs

A three step wizard where diamond nodes light up and a dotted ridge links them.

#form #transform #gradient

Canlı incele Sekmeler

Spiral Halftone Tabs

A printed dot screen where the panel turns into place as the halftone rotates behind it.

#pattern #transform #gradient

Canlı incele Metin

Ballet Grace

Graceful ballet pink on text.

#animation #gradient #transform

Canlı incele Metin

Blueberry Blue

Deep blue blueberry on text.

#animation #gradient #shadow

Canlı incele Metin

Blueprint Architect

Architect blueprint drawing.

Canlı incele Metin

Brick Mortar

Brick wall pattern text with mortar lines.

Canlı incele Metin

Bronze Aged

Aged bronze with patina hints.

Canlı incele Metin

Byzantine Mosaic

Byzantine gold mosaic on text.

#animation #gradient #filter

Canlı incele Metin

Cadenza Solo

Virtuosic solo cadenza on text.

#animation #gradient #transform

Canlı incele Metin

Cardboard Recycled

Recycled cardboard kraft paper.

#gradient #filter

Canlı incele Metin

Carnival Mask

Mardi Gras carnival mask on text.

#animation #gradient #shadow

Canlı incele Metin

Checker Diagonal

Diagonal checkerboard pattern.

Canlı incele Metin

Chrome Metallic

Polished chrome metallic text with bright reflection and dark base.

#gradient #shadow #filter

Canlı incele Metin

Cinema Projector

Cinema projector beam glow.

#gradient #shadow #filter

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

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

Bubble Pop

Glassy bubble knob pops to a larger size when activated.

#gradient #transform #shadow

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