# animation CSS effects

Live preview Loaders

Cirrus

Wispy cirrus clouds drifting.

Live preview Loaders

Clamp Squeeze

C-clamp tightening around a wooden block.

Live preview Loaders

Clarinet Reed

Clarinet reed vibrating.

Live preview Loaders

Climbing Carabiner

Carabiner clipping rope.

#animation #gradient #filter

Live preview Loaders

Cloak Field

Cloaking field shimmering over object.

Live preview Loaders

Clock Spinner

A clock face with hour and minute hands ticking at different speeds.

#animation #shadow #border

Live preview Loaders

Clock Tower

Clock tower with moving hands.

Live preview Loaders

Cloud Drift

Fluffy clouds drifting across a blue sky.

Live preview Loaders

Cloud Rain

Cloud dropping rain droplets.

Live preview Loaders

Clover Spin

Four-leaf clover spinning to bring good luck.

Live preview Loaders

Clown Nose

Clown nose with squeak bounce.

Live preview Loaders

Cocktail Shaker

Bartender shaking a cocktail shaker vigorously.

Live preview Loaders

Coffee Cup

Steaming coffee cup with vapor rising in wavy streams.

Live preview Loaders

Coffee Grinder

Manual coffee grinder with crank turning and beans dropping.

Live preview Loaders

Coffee Pour

Coffee pouring into cup.

Live preview Loaders

Cog Mesh

Two cogs meshing together.

Live preview Loaders

Coil Spring

Coil spring compressing and releasing.

Live preview Loaders

Spinning Coin

A golden coin flipping end-over-end in 3D, catching the light.

#gradient #animation #3d

Live preview Loaders

Coin Insert

A coin sliding into an arcade slot and disappearing.

#gradient #animation #border

Live preview Loaders

Compass Needle

A red-and-black compass needle hunting for north on a stone dial.

Live preview Loaders

Compass Needle

Compass needle finding north.

Live preview Loaders

Concentric Polygons

Stacked polygons rotating at different speeds.

Live preview Loaders

Concert Light

Concert stage lights sweeping.

Live preview Loaders

Conductor Baton

Conductor's baton waving.

Live preview Loaders

Cone Spin

Ce spinning like a top.

Live preview Loaders

Confetti Fall

Confetti falling and spinning.

Live preview Loaders

Conga Drum

Conga drum with hand slapping.

Live preview Loaders

Conic Progress Loader

A registered percentage property lets the conic sweep animate smoothly, not in steps.

Live preview Loaders

Conic Spin Disc

Conic gradient disc spinning.

#animation #gradient #filter

Live preview Loaders

Contrail

Airplane contrail dissipating.

Live preview Loaders

Conveyor Belt

Factory conveyor belt moving boxes along rollers.

Live preview Loaders

Coral Polyp

Coral polyps extending and retracting their tentacles.

Live preview Loaders

Corkscrew

Corkscrew spiraling down into a wine bottle cork.

Live preview Loaders

Coronal Mass Ejection

Sun emitting a coronal mass ejection loop.

Live preview Loaders

Cosmic Ray

Cosmic ray streaking through space.

Live preview Loaders

Counter Click

Mechanical counter clicking up.

Live preview Loaders

Cow Bell Ring

Cowbell being struck and ringing.

Live preview Loaders

Crank Shaft

Crank shaft rotating with offset arm.

Live preview Loaders

Crankshaft

Engine crankshaft with multiple throws.

Live preview Loaders

Crepe Fold

Crepe being folded over.

Live preview Loaders

Crest Emblem

Heraldic crest with shimmer.

Live preview Loaders

Croissant Flake

Croissant with flaking layers.

Live preview Loaders

Double Cross Rotate

Two cross shapes rotating opposite.

Live preview Loaders

Cross Spin

Plus-shaped cross spinning in place.

Live preview Loaders

CRT Screen

Old CRT monitor with scanline flicker and static.

Live preview Loaders

Crystal Shard

Crystal shard with prismatic shimmer.

Live preview Loaders

Crystal Sparkle

Crystal with sparkling highlights.

Live preview Loaders

3D Cube

Cube rotating in 3D space.

Live preview Loaders

Cumulonimbus

Towering cumulonimbus cloud.

Live preview Loaders

Cumulus

Puffy cumulus clouds.

Live preview Loaders

Cupcake Sprinkle

Cupcake with falling sprinkles.

Live preview Loaders

Curling Stone

Curling stone sliding on ice.

Live preview Loaders

Curve Draw

SVG curve drawing itself in loop.

#animation

Live preview Loaders

Bezier Curve Orbit

Dot traveling along a bezier curve path.

#animation #shadow

Live preview Loaders

Curve Pulse Wave

Curved wave pulsing across.

Live preview Loaders

Cycloidal Drive

Cycloidal disc wobbling.

Live preview Loaders

Cyclone Spin

Cyclone spiral spinning inward.

Live preview Loaders

Cylinder Roll

Cylinder rolling horizontally.

Live preview Loaders

Cymbal Crash

Crash cymbal wobbling after being struck.

Live preview Loaders

Cymbal Rim Tap

Cymbal with rim vibration.

Live preview Loaders

Cymbal Stack

Stacked cymbals with hi-hat motion.

Live preview Loaders

Dandelion

Dandelion seeds blowing away one by one in the wind.

Live preview Loaders

Dark Matter

Invisible dark matter warping space.

Live preview Loaders

Dartboard

Dartboard with a dart spinning around the bullseye.

Live preview Loaders

Decagon Spin Wheel

Ten-sided wheel rotating.

Live preview Loaders

Dew Drop

Dew drop forming and falling.

#animation #shadow #border

Live preview Loaders

Dial-Up Modem

Old dial-up modem with blinking connection LEDs.

Live preview Loaders

Dial Tuner

Radio dial tuner sweeping.

Live preview Loaders

Diamond Morph Flow

Diamond morphing with gradient flow.

Live preview Loaders

Diamond Shine

Diamond with brilliant shine.

Live preview Loaders

Diamond Turn

Diamond shape turning on its tip.

Live preview Loaders

Dice Roll

A six-sided die tumbling in 3D space.

Live preview Loaders

Didgeridoo

Didgeridoo with vibrating buzz.

Live preview Loaders

Differential

Differential gear mechanism.

Live preview Loaders

Digital Clock

Digital clock with blinking colon.

#animation #shadow

Live preview Loaders

Double Disc Spin

Two offset discs spinning opposite directions.

Live preview Loaders

Disc Roll Edge

Disc rolling along its edge.

Live preview Loaders

Disco Ball

Disco ball with shimmering reflections.

Live preview Loaders

Discus Spin

Discus spinning in thrower's hand.

Live preview Loaders

DJ Table Spin

DJ turntable with spinning record.

Live preview Loaders

Djembe Strike

African djembe drum being struck.

#animation #transform #3d

Live preview Loaders

DNA Helix

Double helix DNA strand rotating.

Live preview Loaders

Dog Bone

Dog bone bouncing as if a dog is chewing it.

Live preview Loaders

Dome Rib Rotate

Dome with ribs rotating.

Live preview Loaders

Domino Fall

Dominoes falling in sequence.

Live preview Loaders

Donut Glaze

Donut with glaze dripping.

Live preview Loaders

Door Swing

Door swinging open and closed.

Live preview Loaders

Dot Bridge Pulse

Dots pulsing across a bridge gap.

Live preview Loaders

Dot Grid Flash

Grid of dots flashing in sequence.

Live preview Loaders

Dot Wave

Row of dots forming a traveling wave.

#animation #border #transform

Live preview Loaders

Dots Grid Wave

A 3x3 grid of violet dots pulsing outward from the corner in a wave.

Live preview Loaders

Downpour

Heavy downpour of thick raindrops.

Live preview Loaders

Drawbridge Raise

Drawbridge raising and lowering.