# gradient CSS effects

Live preview Loaders

Torch Flame

Torch with tall flame.

Live preview Loaders

Torii Gate

Japanese torii gate with glow.

#gradient #animation #border

Live preview Loaders

Tornado Funnel

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

Live preview Loaders

Totem Rise

Tribal totem rising with eyes glowing.

#animation #gradient #filter

Live preview Loaders

Track Lane

Runner sprinting around an athletics track oval.

Live preview Loaders

Tractor

Tractor with big rear wheels spinning across a field.

Live preview Loaders

Tractor Beam

Tractor beam pulling object upward.

Live preview Loaders

Traffic Light

Traffic signal cycling red, yellow, and green.

Live preview Loaders

Train Wheel

Steam locomotive wheel with piston rod driving back and forth.

#gradient #animation #shadow

Live preview Loaders

Trampoline Bounce

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

Live preview Loaders

Transmission Gear

Multi-speed transmission gears.

Live preview Loaders

Treble Clef

Treble clef symbol shimmering.

Live preview Loaders

Tree Grow

Tree growing with leaves unfurling on its branches.

Live preview Loaders

Dump Truck

Dump truck bed tilting to release its load.

Live preview Loaders

Trumpet Valves

Trumpet with three piston valves pumping in rhythm.

Live preview Loaders

Tug of War

Rope being pulled back and forth.

Live preview Loaders

Tuning Fork Vibrate

Tuning fork vibrating at frequency.

Live preview Loaders

Turbine Blade

Turbine blades spinning fast.

Live preview Loaders

Gas Turbine

Gas turbine with flame inside.

Live preview Loaders

Steam Turbine

Steam turbine spinning fast.

Live preview Loaders

Water Turbine

Water turbine with flowing water.

Live preview Loaders

Turkey Feast

Roast turkey with steam.

Live preview Loaders

Turtle Walk

Turtle slowly walking with shell bobbing and legs moving.

Live preview Loaders

Twin Disc Shift

Twin discs shifting opposite directions.

Live preview Loaders

Typhoon

Typhoon with spiral bands.

Live preview Loaders

UFO Beam

UFO with tractor beam pulsing down.

Live preview Loaders

Ukulele Strum

Ukulele with strumming motion.

Live preview Loaders

Valve Open

Valve opening and closing.

Live preview Loaders

Vampire Coffin Rise

Vampire rising from coffin.

Live preview Loaders

Vault Jump

Gymnast vaulting over horse.

Live preview Loaders

VHS Tape

VHS tape reels spinning behind a plastic window.

Live preview Loaders

Vibraphone Spin

Vibraphone fans spinning above bars.

Live preview Loaders

Vinyl Record

Vinyl record spinning under a tonearm needle.

Live preview Loaders

Vinyl Scratch

DJ scratching vinyl record.

Live preview Loaders

Violin Bow

Violin bow drawing across strings back and forth.

Live preview Loaders

Volcano Erupt

Volcano erupting with lava spewing and smoke rising.

Live preview Loaders

Volleyball

Volleyball spinning with curved stripe pattern.

Live preview Loaders

Waffle Press

Waffle iron pressing.

Live preview Loaders

Walkman

Walkman cassette player with a rotating tape reel inside.

Live preview Loaders

Water Balloon

Water balloon wobbling.

Live preview Loaders

Water Clock

Ancient water clock filling.

Live preview Loaders

Water Tower

Water tower with sloshing water.

Live preview Loaders

Waterfall

Water cascading down a cliff into a pool below.

Live preview Loaders

Waterspout

Waterspout rising from water surface.

#gradient #animation #border

Live preview Loaders

Wave Bars

Six blue bars riding a sinusoidal wave up and down.

Live preview Loaders

Welder Spark

Welding torch throwing bright sparks in bursts.

Live preview Loaders

Werewolf Howl

Werewolf howling at moon.

Live preview Loaders

Wheel Spin

Wheel with spokes spinning.

Live preview Loaders

White Dwarf

Dense white dwarf star shimmering.

Live preview Loaders

Wind Gust

Wind gust lines blowing.

#gradient #animation #border

Live preview Loaders

Windmill Pinwheel

Four colored blades spinning around a central hub.

Live preview Loaders

Windmill Blade

Windmill with spinning blades.

Live preview Loaders

Window Shutter

Window shutters opening and closing.

Live preview Loaders

Windshield Wiper

Windshield wiper swiping back and forth across raindrops.

Live preview Loaders

Wine Pour

Wine pouring into glass.

Live preview Loaders

Witch Broom Fly

Witch flying on broomstick.

Live preview Loaders

Wood Block Tap

Wood block being tapped.

Live preview Loaders

Worm Gear

Worm screw driving a gear.

Live preview Loaders

Wrench Turn

Wrench tightening a bolt with ratcheting motion.

Live preview Loaders

Xylophone Mallet

Mallet striking xylophone bars.

Live preview Loaders

Yo-Yo Spin

Yo-yo spinning on string.

#animation #gradient #filter

Live preview Loaders

Ziggurat Tier

Ziggurat with stacked tiers.

Live preview Loaders

Zodiac Wheel

Zodiac wheel rotating with twelve symbols.

Live preview Loaders

Zombie Shuffle

Zombie shuffling across screen.

Live preview Loaders

Zoom Burst Rays

Rays bursting outward from center.

Live preview Navigation

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

Live preview Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

Live preview Navigation

Blurred Glass Navbar

Navbar with heavy backdrop blur and gradient border.

Live preview Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

Live preview Navigation

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

Live preview Navigation

Bordered Top Navbar

Navbar with thick gradient top border.

Live preview Navigation

Gradient Bottom Nav

Bottom nav with gradient active icon.

Live preview Navigation

Color Ripple Hover Navbar

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

Live preview Navigation

Color Shift Navbar

Navbar with hue-shifting links on hover.

Live preview Navigation

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

Live preview Navigation

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

Live preview Navigation

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

Live preview Navigation

Filled Arrow Breadcrumbs

Breadcrumbs styled as filled arrow shapes.

Live preview Navigation

Arrow Flow Breadcrumbs

Breadcrumbs with arrow-shaped separators.

Live preview Navigation

Chevron Fill Breadcrumbs

Breadcrumbs with filled chevron-shaped items.

Live preview Navigation

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

Live preview Navigation

Dot Trail Breadcrumbs

Breadcrumbs with a trail of dots leading to active.

Live preview Navigation

Gradient Arrow Breadcrumbs

Breadcrumbs with gradient arrow separators.

Live preview Navigation

Hover Grow Breadcrumbs

Breadcrumbs that grow on hover.

Live preview Navigation

Hover Rotate Breadcrumbs

Breadcrumbs that rotate slightly on hover.

Live preview Navigation

Pentagon Shape Breadcrumbs

Breadcrumbs shaped as pentagons with point tips.

Live preview Navigation

Pill Active Breadcrumbs

Breadcrumbs with pill shape on active item.

Live preview Navigation

Pill Background Breadcrumbs

Breadcrumbs with pill-shaped items.

Live preview Navigation

Progress Bar Breadcrumbs

Breadcrumbs with a progress bar underneath.

Live preview Navigation

Progress Line Breadcrumbs

Breadcrumbs with a connecting progress line.

Live preview Navigation

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

Live preview Navigation

Curtain Fall Reveal Nav

Nav links revealed as a curtain falls downward on hover.

Live preview Navigation

Curtain Rise Reveal Nav

Nav links revealed as a curtain rises upward on hover.

Live preview Navigation

Curtain Split Reveal Nav

Two curtains split apart horizontally to reveal the nav links.

Live preview Navigation

3D Dot Nav

3D extruded dot navigation.