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 Loaders

Traffic Light

Traffic signal cycling red, yellow, and green.

#animation #gradient #shadow

Canlı incele Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#animation #gradient #transform

Canlı incele Loaders

Trampoline Bounce

A pink ball bouncing on a cyan trampoline surface that flexes on impact.

#gradient #animation #shadow

Canlı incele Loaders

Transmission Gear

Multi-speed transmission gears.

#animation #gradient #transform

Canlı incele Loaders

Treble Clef

Treble clef symbol shimmering.

#animation #gradient #shadow

Canlı incele Loaders

Tree Grow

Tree growing with leaves unfurling on its branches.

#animation #gradient #transform

Canlı incele Loaders

Dump Truck

Dump truck bed tilting to release its load.

#animation #gradient #transform

Canlı incele Loaders

Trumpet Valves

Trumpet with three piston valves pumping in rhythm.

#animation #gradient

Canlı incele Loaders

Tug of War

Rope being pulled back and forth.

#animation #gradient #transform

Canlı incele Loaders

Tuning Fork Vibrate

Tuning fork vibrating at frequency.

#animation #gradient #transform

Canlı incele Loaders

Turbine Blade

Turbine blades spinning fast.

#animation #gradient #transform

Canlı incele Loaders

Gas Turbine

Gas turbine with flame inside.

#animation #gradient #transform

Canlı incele Loaders

Steam Turbine

Steam turbine spinning fast.

#animation #gradient #transform

Canlı incele Loaders

Water Turbine

Water turbine with flowing water.

#animation #gradient #transform

Canlı incele Loaders

Turkey Feast

Roast turkey with steam.

#animation #gradient #transform

Canlı incele Loaders

Turtle Walk

Turtle slowly walking with shell bobbing and legs moving.

#animation #gradient #transform

Canlı incele Loaders

Twin Disc Shift

Twin discs shifting opposite directions.

#animation #gradient #transform

Canlı incele Loaders

Typhoon

Typhoon with spiral bands.

#animation #gradient #transform

Canlı incele Loaders

UFO Beam

UFO with tractor beam pulsing down.

#animation #gradient

Canlı incele Loaders

Ukulele Strum

Ukulele with strumming motion.

#animation #gradient #transform

Canlı incele Loaders

Valve Open

Valve opening and closing.

#animation #gradient #transform

Canlı incele Loaders

Vampire Coffin Rise

Vampire rising from coffin.

#animation #gradient #transform

Canlı incele Loaders

Vault Jump

Gymnast vaulting over horse.

#animation #gradient

Canlı incele Loaders

VHS Tape

VHS tape reels spinning behind a plastic window.

#animation #gradient #transform

Canlı incele Loaders

Vibraphone Spin

Vibraphone fans spinning above bars.

#animation #gradient #transform

Canlı incele Loaders

Vinyl Record

Vinyl record spinning under a tonearm needle.

#animation #gradient #transform

Canlı incele Loaders

Vinyl Scratch

DJ scratching vinyl record.

#animation #gradient #transform

Canlı incele Loaders

Violin Bow

Violin bow drawing across strings back and forth.

#animation #gradient

Canlı incele Loaders

Volcano Erupt

Volcano erupting with lava spewing and smoke rising.

#animation #gradient #transform

Canlı incele Loaders

Volleyball

Volleyball spinning with curved stripe pattern.

#animation #gradient #transform

Canlı incele Loaders

Waffle Press

Waffle iron pressing.

#animation #gradient #transform

Canlı incele Loaders

Walkman

Walkman cassette player with a rotating tape reel inside.

#animation #gradient #transform

Canlı incele Loaders

Water Balloon

Water balloon wobbling.

#animation #gradient #transform

Canlı incele Loaders

Water Clock

Ancient water clock filling.

#animation #gradient

Canlı incele Loaders

Water Tower

Water tower with sloshing water.

#animation #gradient

Canlı incele Loaders

Waterfall

Water cascading down a cliff into a pool below.

#animation #gradient

Canlı incele Loaders

Waterspout

Waterspout rising from water surface.

#animation #gradient #transform

Canlı incele Loaders

Wave Bars

Six blue bars riding a sinusoidal wave up and down.

#gradient #animation #border

Canlı incele Loaders

Welder Spark

Welding torch throwing bright sparks in bursts.

#animation #gradient #transform

Canlı incele Loaders

Werewolf Howl

Werewolf howling at moon.

#animation #gradient #transform

Canlı incele Loaders

Wheel Spin

Wheel with spokes spinning.

#animation #gradient #transform

Canlı incele Loaders

White Dwarf

Dense white dwarf star shimmering.

#animation #gradient #transform

Canlı incele Loaders

Wind Gust

Wind gust lines blowing.

#animation #gradient #transform

Canlı incele Loaders

Windmill Pinwheel

Four colored blades spinning around a central hub.

#gradient #animation #border

Canlı incele Loaders

Windmill Blade

Windmill with spinning blades.

#animation #gradient #transform

Canlı incele Loaders

Window Shutter

Window shutters opening and closing.

#animation #gradient #transform

Canlı incele Loaders

Windshield Wiper

Windshield wiper swiping back and forth across raindrops.

#animation #gradient #transform

Canlı incele Loaders

Wine Pour

Wine pouring into glass.

#animation #gradient #transform

Canlı incele Loaders

Witch Broom Fly

Witch flying on broomstick.

#animation #gradient #transform

Canlı incele Loaders

Wood Block Tap

Wood block being tapped.

#animation #gradient #transform

Canlı incele Loaders

Worm Gear

Worm screw driving a gear.

#animation #gradient #transform

Canlı incele Loaders

Wrench Turn

Wrench tightening a bolt with ratcheting motion.

#animation #gradient #transform

Canlı incele Loaders

Xylophone Mallet

Mallet striking xylophone bars.

#animation #gradient #transform

Canlı incele Loaders

Yo-Yo Spin

Yo-yo spinning on string.

#animation #gradient #transform

Canlı incele Loaders

Ziggurat Tier

Ziggurat with stacked tiers.

#animation #gradient #filter

Canlı incele Loaders

Zodiac Wheel

Zodiac wheel rotating with twelve symbols.

#animation #gradient #transform

Canlı incele Loaders

Zombie Shuffle

Zombie shuffling across screen.

#animation #gradient #transform

Canlı incele Loaders

Zoom Burst Rays

Rays bursting outward from center.

#animation #gradient #transform

Canlı incele Navigation

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

#hover #animation #gradient

Canlı incele Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Canlı incele Navigation

Blurred Glass Navbar

Navbar with heavy backdrop blur and gradient border.

#hover #gradient #shadow

Canlı incele Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

#hover #animation #gradient

Canlı incele Navigation

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

#hover #gradient #shadow

Canlı incele Navigation

Bordered Top Navbar

Navbar with thick gradient top border.

#hover #gradient #shadow

Canlı incele Navigation

Gradient Bottom Nav

Bottom nav with gradient active icon.

#hover #gradient #transform

Canlı incele Navigation

Color Ripple Hover Navbar

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

#hover #gradient #transform

Canlı incele Navigation

Color Shift Navbar

Navbar with hue-shifting links on hover.

#hover #animation #gradient

Canlı incele Navigation

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

#hover #gradient #transform

Canlı incele Navigation

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

#hover #gradient #transform

Canlı incele Navigation

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele Navigation

Filled Arrow Breadcrumbs

Breadcrumbs styled as filled arrow shapes.

#hover #gradient

Canlı incele Navigation

Arrow Flow Breadcrumbs

Breadcrumbs with arrow-shaped separators.

#hover #gradient

Canlı incele Navigation

Chevron Fill Breadcrumbs

Breadcrumbs with filled chevron-shaped items.

#hover #gradient

Canlı incele Navigation

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

#hover #gradient #transform

Canlı incele Navigation

Dot Trail Breadcrumbs

Breadcrumbs with a trail of dots leading to active.

#hover #gradient

Canlı incele Navigation

Gradient Arrow Breadcrumbs

Breadcrumbs with gradient arrow separators.

#hover #animation #gradient

Canlı incele Navigation

Hover Grow Breadcrumbs

Breadcrumbs that grow on hover.

#hover #gradient #transform

Canlı incele Navigation

Hover Rotate Breadcrumbs

Breadcrumbs that rotate slightly on hover.

#hover #gradient #transform

Canlı incele Navigation

Pentagon Shape Breadcrumbs

Breadcrumbs shaped as pentagons with point tips.

#hover #gradient

Canlı incele Navigation

Pill Active Breadcrumbs

Breadcrumbs with pill shape on active item.

#hover #gradient #shadow

Canlı incele Navigation

Pill Background Breadcrumbs

Breadcrumbs with pill-shaped items.

#hover #gradient #shadow

Canlı incele Navigation

Progress Bar Breadcrumbs

Breadcrumbs with a progress bar underneath.

#hover #gradient

Canlı incele Navigation

Progress Line Breadcrumbs

Breadcrumbs with a connecting progress line.

#hover #gradient

Canlı incele Navigation

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

#hover #gradient #transform

Canlı incele Navigation

Curtain Fall Reveal Nav

Nav links revealed as a curtain falls downward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Rise Reveal Nav

Nav links revealed as a curtain rises upward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Split Reveal Nav

Two curtains split apart horizontally to reveal the nav links.

#hover #gradient #transform

Canlı incele Navigation

3D Dot Nav

3D extruded dot navigation.

#hover #gradient #transform

Canlı incele Navigation

Circle Dot Nav

Dot navigation in a circle container.

#hover #gradient #transform

Canlı incele Navigation

Floating Bottom Dot Nav

Floating dot navigation at bottom.

#hover #gradient #transform

Canlı incele Navigation

Floating Right Dot Nav

Floating dot navigation with shadow.

#hover #gradient #transform

Canlı incele Navigation

Gradient Dot Nav

Dot nav with gradient active dot.

#hover #gradient #transform

Canlı incele Navigation

Gradient Panel Drawer Navbar

Drawer with a gradient panel background and active indicator.

#hover #gradient #border

Canlı incele Navigation

Blur Overlay Drawer Navbar

Drawer over a frosted blurred backdrop.

#hover #animation #gradient

Canlı incele Navigation

3D Left Drawer Navbar

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

#hover #animation #gradient

Canlı incele Navigation

3D Right Drawer Navbar

Right drawer with 3D perspective slide.

#hover #animation #gradient

Popüler etiketler

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