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 Yükleyiciler

Topaz Twinkle

Topaz gem twinkling with amber glow.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Torch Flame

Torch with tall flame.

#animation #gradient #transform

Canlı incele Yükleyiciler

Torii Gate

Japanese torii gate with glow.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Tornado Funnel

A narrowing stack of blue bands swaying like a spinning tornado.

#gradient #animation #border

Canlı incele Yükleyiciler

Tractor

Tractor with big rear wheels spinning across a field.

#animation #gradient #transform

Canlı incele Yükleyiciler

Tractor Beam

Tractor beam pulling object upward.

#animation #gradient #transform

Canlı incele Yükleyiciler

Traffic Light

Traffic signal cycling red, yellow, and green.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#animation #gradient #transform

Canlı incele Yükleyiciler

Transmission Gear

Multi-speed transmission gears.

#animation #gradient #transform

Canlı incele Yükleyiciler

Treble Clef

Treble clef symbol shimmering.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Tree Grow

Tree growing with leaves unfurling on its branches.

#animation #gradient #transform

Canlı incele Yükleyiciler

Dump Truck

Dump truck bed tilting to release its load.

#animation #gradient #transform

Canlı incele Yükleyiciler

Tug of War

Rope being pulled back and forth.

#animation #gradient #transform

Canlı incele Yükleyiciler

Tuning Fork Vibrate

Tuning fork vibrating at frequency.

#animation #gradient #transform

Canlı incele Yükleyiciler

Turbine Blade

Turbine blades spinning fast.

#animation #gradient #transform

Canlı incele Yükleyiciler

Steam Turbine

Steam turbine spinning fast.

#animation #gradient #transform

Canlı incele Yükleyiciler

Water Turbine

Water turbine with flowing water.

#animation #gradient #transform

Canlı incele Yükleyiciler

Turkey Feast

Roast turkey with steam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Turtle Walk

Turtle slowly walking with shell bobbing and legs moving.

#animation #gradient #transform

Canlı incele Yükleyiciler

Twin Disc Shift

Twin discs shifting opposite directions.

#animation #gradient #transform

Canlı incele Yükleyiciler

Typhoon

Typhoon with spiral bands.

#animation #gradient #transform

Canlı incele Yükleyiciler

UFO Beam

UFO with tractor beam pulsing down.

#animation #gradient

Canlı incele Yükleyiciler

Ukulele Strum

Ukulele with strumming motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Valve Open

Valve opening and closing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Vampire Coffin Rise

Vampire rising from coffin.

#animation #gradient #transform

Canlı incele Yükleyiciler

Vault Jump

Gymnast vaulting over horse.

#animation #gradient

Canlı incele Yükleyiciler

VHS Tape

VHS tape reels spinning behind a plastic window.

#animation #gradient #transform

Canlı incele Yükleyiciler

Vibraphone Spin

Vibraphone fans spinning above bars.

#animation #gradient #transform

Canlı incele Yükleyiciler

Vinyl Record

Vinyl record spinning under a tonearm needle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Volcano Erupt

Volcano erupting with lava spewing and smoke rising.

#animation #gradient #transform

Canlı incele Yükleyiciler

Volleyball

Volleyball spinning with curved stripe pattern.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wave Bars Loader

Five vertical bars rise and fall like an audio equalizer at even offsets.

#animation #gradient #transform

Canlı incele Yükleyiciler

Waffle Press

Waffle iron pressing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Walkman

Walkman cassette player with a rotating tape reel inside.

#animation #gradient #transform

Canlı incele Yükleyiciler

Water Balloon

Water balloon wobbling.

#animation #gradient #transform

Canlı incele Yükleyiciler

Water Tower

Water tower with sloshing water.

#animation #gradient

Canlı incele Yükleyiciler

Waterfall

Water cascading down a cliff into a pool below.

#animation #gradient

Canlı incele Yükleyiciler

Waterspout

Waterspout rising from water surface.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wave Bars

Six blue bars riding a sinusoidal wave up and down.

#gradient #animation #border

Canlı incele Yükleyiciler

Werewolf Howl

Werewolf howling at moon.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wheel Spin

Wheel with spokes spinning.

#animation #gradient #transform

Canlı incele Yükleyiciler

White Dwarf

Dense white dwarf star shimmering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Windmill Pinwheel

Four colored blades spinning around a central hub.

#gradient #animation #border

Canlı incele Yükleyiciler

Windmill Blade

Windmill with spinning blades.

#animation #gradient #transform

Canlı incele Yükleyiciler

Window Shutter

Window shutters opening and closing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Windshield Wiper

Windshield wiper swiping back and forth across raindrops.

#animation #gradient #transform

Canlı incele Yükleyiciler

Witch Broom Fly

Witch flying on broomstick.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wood Block Tap

Wood block being tapped.

#animation #gradient #transform

Canlı incele Yükleyiciler

Worm Gear

Worm screw driving a gear.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wrench Turn

Wrench tightening a bolt with ratcheting motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Yo-Yo Spin

Yo-yo spinning on string.

#animation #gradient #transform

Canlı incele Yükleyiciler

Zodiac Wheel

Zodiac wheel rotating with twelve symbols.

#animation #gradient #transform

Canlı incele Yükleyiciler

Zoom Burst Rays

Rays bursting outward from center.

#animation #gradient #transform

Canlı incele Kayan Yazılar

Frost Ticker

A frosted glass strip carries one endless line of text with softly masked edges.

#marquee #mask #gradient

Canlı incele Kayan Yazılar

Lever Heat Pipe

Heat travels along a pipe as a colour gradient while the sensor labels roll past.

#marquee #gradient #thermal

Canlı incele Kayan Yazılar

Savanna Sheen Pass

A soft gradient highlight sweeps over the rail while the caption pulses in step.

#marquee #sheen #gradient

Canlı incele Kayan Yazılar

Topaz Gradient Line

The moving caption is painted by a clipped gradient instead of a flat colour.

#marquee #gradient #background-clip

Canlı incele Navigasyon

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

#hover #animation #gradient

Canlı incele Navigasyon

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Canlı incele Navigasyon

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

#hover #animation #gradient

Canlı incele Navigasyon

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

#hover #gradient #shadow

Canlı incele Navigasyon

Bordered Top Navbar

Navbar with thick gradient top border.

#hover #gradient #shadow

Canlı incele Navigasyon

Gradient Bottom Nav

Bottom nav with gradient active icon.

#hover #gradient #transform

Canlı incele Navigasyon

Color Ripple Hover Navbar

Color ripples outward from each link on hover with a radial gradient.

#hover #gradient #transform

Canlı incele Navigasyon

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

#hover #gradient #transform

Canlı incele Navigasyon

Filled Arrow Breadcrumbs

Breadcrumbs styled as filled arrow shapes.

#hover #gradient

Canlı incele Navigasyon

Arrow Flow Breadcrumbs

Breadcrumbs with arrow-shaped separators.

#hover #gradient

Canlı incele Navigasyon

Chevron Fill Breadcrumbs

Breadcrumbs with filled chevron-shaped items.

#hover #gradient

Canlı incele Navigasyon

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

#hover #gradient #transform

Canlı incele Navigasyon

Dot Trail Breadcrumbs

Breadcrumbs with a trail of dots leading to active.

#hover #gradient

Canlı incele Navigasyon

Gradient Arrow Breadcrumbs

Breadcrumbs with gradient arrow separators.

#hover #animation #gradient

Canlı incele Navigasyon

Hover Rotate Breadcrumbs

Breadcrumbs that rotate slightly on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Pentagon Shape Breadcrumbs

Breadcrumbs shaped as pentagons with point tips.

#hover #gradient

Canlı incele Navigasyon

Pill Active Breadcrumbs

Breadcrumbs with pill shape on active item.

#hover #gradient #shadow

Canlı incele Navigasyon

Pill Background Breadcrumbs

Breadcrumbs with pill-shaped items.

#hover #gradient #shadow

Canlı incele Navigasyon

Progress Line Breadcrumbs

Breadcrumbs with a connecting progress line.

#hover #gradient

Canlı incele Navigasyon

Curtain Fall Reveal Nav

Nav links revealed as a curtain falls downward on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Curtain Rise Reveal Nav

Nav links revealed as a curtain rises upward on hover.

#hover #gradient #transform

Canlı incele Navigasyon

3D Dot Nav

3D extruded dot navigation.

#hover #gradient #transform

Canlı incele Navigasyon

Circle Dot Nav

Dot navigation in a circle container.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Bottom Dot Nav

Floating dot navigation at bottom.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Right Dot Nav

Floating dot navigation with shadow.

#hover #gradient #transform

Canlı incele Navigasyon

Gradient Dot Nav

Dot nav with gradient active dot.

#hover #gradient #transform

Canlı incele Navigasyon

Blur Overlay Drawer Navbar

Drawer over a frosted blurred backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

3D Left Drawer Navbar

Left drawer with 3D perspective slide revealing main nav beside it.

#hover #animation #gradient

Canlı incele Navigasyon

3D Right Drawer Navbar

Right drawer with 3D perspective slide.

#hover #animation #gradient

Canlı incele Navigasyon

Floating Action Navbar

Navbar with floating action-style buttons.

#hover #gradient #transform

Canlı incele Navigasyon

Gradient Border Navbar

Navbar with animated gradient border around active link.

#hover #animation #gradient

Canlı incele Navigasyon

Holographic Navbar

Navbar with holographic gradient overlay.

#hover #animation #gradient

Canlı incele Navigasyon

Circle Icon Nav

Icon nav with circular icons.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Icon Nav

Floating icon navigation with shadow.

#hover #gradient #transform

Canlı incele Navigasyon

Gradient Icon Nav

Icon nav with animated gradient background.

#hover #animation #gradient