# animation CSS effects

Live preview Loaders

Tree Grow

Tree growing with leaves unfurling on its branches.

Live preview Loaders

Triangle Fuse Burst

Three triangles fusing and bursting outward.

Live preview Loaders

Triangle Morph Cycle

Triangle morphing through different shapes.

#animation

Live preview Loaders

Triangle Ding

Triangle instrument vibrating.

Live preview Loaders

Triangle Spin

Equilateral triangle spinning on its center.

Live preview Loaders

Triple Ring Pulse

Three rings pulsing outward in sequence.

Live preview Loaders

Dump Truck

Dump truck bed tilting to release its load.

#animation #shadow #border

Live preview Loaders

Tube Light

Fluorescent tube light warming up.

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

Steam Turbine

Steam turbine spinning fast.

Live preview Loaders

Water Turbine

Water turbine with flowing water.

Live preview Loaders

Wind Turbine

Wind turbine with three blades.

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

Twin Ellipse Orbit

Two dots orbiting in elliptical paths.

Live preview Loaders

Typewriter Keys

Typewriter keys stamping down in sequence.

Live preview Loaders

Typhoon

Typhoon with spiral bands.

#animation #transform #shadow

Live preview Loaders

Typing Dots Loader

A chat bubble with three dots that hop in sequence while a reply is composed.

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

Volcano Erupt

Volcano erupting with lava spewing and smoke rising.

Live preview Loaders

Volleyball

Volleyball spinning with curved stripe pattern.

Live preview Loaders

Wave Bars Loader

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

Live preview Loaders

Waffle Press

Waffle iron pressing.

Live preview Loaders

Walkman

Walkman cassette player with a rotating tape reel inside.

Live preview Loaders

Warp Drive

Warp drive stretching space around ship.

Live preview Loaders

Water Balloon

Water balloon wobbling.

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

Wave Block Shift

Wave of blocks shifting up and down.

Live preview Loaders

Weave Shift

Woven strips shifting in opposite directions.

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.

#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

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

Yo-Yo Spin

Yo-yo spinning on string.

Live preview Loaders

Zodiac Wheel

Zodiac wheel rotating with twelve symbols.

Live preview Loaders

Zoom Burst Rays

Rays bursting outward from center.

Live preview Navigation

Arrow Asterisk Spin Navbar

Nav with spinning asterisk arrow accent on the active item.

Live preview Navigation

Arrow Bounce Drop Navbar

Nav with arrow indicators that bounce-drop on hover.

Live preview Navigation

Arrow Floating Bob Navbar

Nav links with floating arrow indicators that bob up and down.

Live preview Navigation

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

Live preview Navigation

Arrow Heart Beat Navbar

Nav with heart-beat arrow accent on the active item.

Live preview Navigation

Arrow Neon Active Navbar

Nav with neon glowing arrow on the active item.

Live preview Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

Live preview Navigation

Arrow Pulse Throb Navbar

Nav arrow indicators pulse and throb on the active item.

Live preview Navigation

Arrow Wave Flow Navbar

Nav with wavy arrow flow separators between items.

Live preview Navigation

Arrow Zigzag Flow Navbar

Nav with zigzag-shaped arrow flow separators.

Live preview Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

Live preview Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

Live preview Navigation

Breathe Glow Navbar

Active link breathes with a soft expanding glow halo.

Live preview Navigation

Bounce Hamburger

Hamburger that bounces on hover.

Live preview Navigation

Gradient Arrow Breadcrumbs

Breadcrumbs with gradient arrow separators.

Live preview Navigation

Floating Overlay Drawer Navbar

Floating drawer that overlays content without pushing it.

Live preview Navigation

Blur Overlay Drawer Navbar

Drawer over a frosted blurred backdrop.

Live preview Navigation

Dim Overlay Drawer Navbar

Drawer over a dimmed dark overlay backdrop.

Live preview Navigation

3D Left Drawer Navbar

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

Live preview Navigation

3D Right Drawer Navbar

Right drawer with 3D perspective slide.

Live preview Navigation

Glow Pulse Navbar

Navbar with pulsing glow around active link.

Live preview Navigation

Gradient Border Navbar

Navbar with animated gradient border around active link.

Live preview Navigation

Holographic Navbar

Navbar with holographic gradient overlay.

Live preview Navigation

Gradient Icon Nav

Icon nav with animated gradient background.

Live preview Navigation

Planet Rotation Menu

Center sun with planet items rotating around it on a continuous orbit path.

Live preview Navigation

Ring Spin Menu

Menu items arranged on a ring that continuously rotates with hover-pause.

Live preview Navigation

Solar System Menu

Solar system layout with planets on concentric orbit rings of different speeds.

Live preview Navigation

Dark Blurred Overlay Navbar

Dark overlay with heavy backdrop blur covering the page content.

Live preview Navigation

Bottom Sheet Handle Navbar

Bottom sheet with a draggable handle and pull-up indicator.

Live preview Navigation

Side Panel Tabs Navbar

Side panel with vertical tabs over a dimmed overlay.

Live preview Navigation

Active Pulse Pagination

Active page pulses with animation.

Live preview Navigation

Arrow Bounce Pagination

Pagination with bouncing arrow buttons on hover.