# animation CSS effects

Live preview Loaders

Rope Climb Knot

Knot moving up rope.

Live preview Loaders

Rose Petal Fall

Rose petals falling gracefully.

Live preview Loaders

Rotary Phone

Rotary phone dial spinning back after each digit.

Live preview Loaders

Rotor Blade

Helicopter rotor blade spinning.

#gradient #animation #shadow

Live preview Loaders

Roulette Wheel

A red-and-black roulette wheel spinning while a white ball orbits opposite.

Live preview Loaders

Roulette Ball

A ball orbiting the rim of a roulette wheel.

Live preview Loaders

Rubik's Cube

Rubik's cube faces rotating.

Live preview Loaders

Ruby Pulse

Ruby gem pulsing with red light.

Live preview Loaders

Ruler Measure

Ruler with tick marks scrolling.

#animation #shadow #filter

Live preview Loaders

Rune Glow

Magical rune glowing with pulse.

Live preview Loaders

Sailboat

Sailboat bobbing on the waves with its sail puffed by wind.

Live preview Loaders

Salt Shaker

Salt shaker tipping over to sprinkle grains onto a plate.

Live preview Loaders

Sandstorm

Sandstorm particles swirling.

Live preview Loaders

Sandwich Stack

Sandwich layers stacking.

Live preview Loaders

Sapphire Spark

Sapphire gem with blue spark.

Live preview Loaders

Saw Blade

Circular saw blade spinning with toothed edge.

Live preview Loaders

Balance Scale

Balance scale tipping back and forth.

Live preview Loaders

Scooter

Kick scooter with a wheel spinning and deck for the rider.

Live preview Loaders

Screw Drive

Screw drive rotating to move load.

Live preview Loaders

Screwdriver

Screwdriver turning a screw deeper into material.

Live preview Loaders

Scroll Unfurl

Ancient scroll unfurling.

Live preview Loaders

Seahorse

Seahorse bobbing upright with curled tail.

Live preview Loaders

Seaweed Sway

Underwater seaweed strands swaying in the current.

Live preview Loaders

Sector Rotate

Pie sector rotating around its center.

#gradient #animation #border

Live preview Loaders

Seesaw Plank

A purple plank tilting on a pivot with two balls bouncing at the ends.

Live preview Loaders

Segment Flip

Circle segments flipping in sequence.

Live preview Loaders

Seismograph Needle

Seismograph needle vibrating.

Live preview Loaders

Servo Motor

Servo motor with horn sweeping.

Live preview Loaders

Shaft Rotate

Rotating shaft with markings.

Live preview Loaders

Shape Explode Reform

Shape exploding outward and reforming.

Live preview Loaders

Shard Spin

Sharp shards spinning around center.

Live preview Loaders

Sheet Music Flip

Sheet music page flipping.

Live preview Loaders

Shield Defend

Shield with pulsing defensive aura.

Live preview Loaders

Shimmer Streak Line

Shimmer streak moving along a line.

Live preview Loaders

Shooting Star

Shooting star streaking across the night sky with a tail.

Live preview Loaders

Shotput Toss

Shotput ball arcing through air.

Live preview Loaders

Shovel Dig

Shovel plunging into dirt and lifting a scoop.

Live preview Loaders

Shuffle Board

Shuffle board disc sliding.

Live preview Loaders

Sierpinski Triangle

Recursive Sierpinski triangle pattern.

Live preview Loaders

Signal Tower

Signal tower with pulsing waves.

Live preview Loaders

Sitar Strum

Indian sitar with vibrating strings.

Live preview Loaders

Skateboard

Skateboard rolling with spinning wheels under the deck.

Live preview Loaders

Ski Jump Launch

Skier launching off jump.

Live preview Loaders

Ski Slope

Skier carving S-curves down a snowy mountain.

Live preview Loaders

Skull Grin

Skull with glowing grin.

Live preview Loaders

Sleet Mix

Sleet mixing rain and snow.

Live preview Loaders

Slide Rule

Slide rule with sliding scales.

Live preview Loaders

Slingshot Pull

Slingshot being pulled back.

#gradient #animation #border

Live preview Loaders

Slot Machine

Three reels of colored stripes scrolling vertically at staggered speeds.

Live preview Loaders

Slot Reels

Three casino slot reels spinning with fruit symbols.

Live preview Loaders

Smoke Rise

Smoke wisps rising up.

Live preview Loaders

Snake Slither

Snake slithering in S-curves across the sand.

Live preview Loaders

Snare Roll

Snare drum with rapid roll.

Live preview Loaders

Snow Fall

Snowflakes gently falling.

Live preview Loaders

Snow Globe Shake

Snow globe with swirling snow.

Live preview Loaders

Snowball Throw

Snowball flying through air.

Live preview Loaders

Snowboard Grind

Snowboarder grinding on rail.

Live preview Loaders

Snowflake Spin

Six-armed snowflake spinning as it falls.

Live preview Loaders

Snowman Build

Snowman being built with falling snow.

Live preview Loaders

Soccer Kick

Soccer ball curving through the air into the goal.

Live preview Loaders

Soda Fizz

Soda with fizzing bubbles.

Live preview Loaders

Solar Flare

Sun emitting solar flares.

#gradient #animation #shadow

Live preview Loaders

Solar System

A miniature sun with a blue and red planet orbiting at different speeds.

Live preview Loaders

Solenoid

Solenoid plunger pulling in.

#animation #shadow #border

Live preview Loaders

Sonar Ping

Concentric cyan sonar pings radiating outward from a central dot.

Live preview Loaders

Sonar Ping

Sonar ping rings expanding outward.

Live preview Loaders

Space Invader

Pixelated space invader marching across the screen.

#animation

Live preview Loaders

Space Station

Space station with rotating solar panels.

Live preview Loaders

Spacetime Warp

Spacetime grid warping under gravity.

Live preview Loaders

Sparkler Burn

Sparkler with flying sparks.

Live preview Loaders

Speaker Pulse

Speaker cone pulsing with bass.

Live preview Loaders

Speedometer

Car speedometer needle sweeping from 0 to max.

Live preview Loaders

Sphere Spin

Sphere with rotating meridian lines.

Live preview Loaders

Spider Crawl

Spider crawling on web.

Live preview Loaders

Spider Web

Spider descending on a silk thread from above.

Live preview Loaders

Spin the Bottle

A bottle spinning and slowing on a circular board.

#gradient #animation #transform

Live preview Loaders

Spinning Top

A diamond-shaped top spinning fast while wobbling off-axis.

Live preview Loaders

Spiral Coil Zoom

Spiral coil zooming inward and outward.

Live preview Loaders

Spiral Twist

Spiral shape twisting inward.

Live preview Loaders

Spire Twist

Spire twisting upward.

Live preview Loaders

Spirograph

Spirograph pattern rotating continuously.

Live preview Loaders

Spotlight Spin

Spotlight spinning in full circle.

Live preview Loaders

Spotlight Sweep

Spotlight sweeping across stage.

#gradient #animation #shadow

Live preview Loaders

Bouncing Spring

A stack of blue coils compressing and extending like a pogo spring.

Live preview Loaders

Spring Roll

Spring roll rolling.

Live preview Loaders

Squall

Sudden squall of wind and rain.

Live preview Loaders

Square Flip Grid

Four squares flipping in 3D in a staggered wave.

#animation #3d #border

Live preview Loaders

Accordion Square Fold

Square folding like an accordion.

Live preview Loaders

Square Stack

Stacked squares scaling outward.

Live preview Loaders

Stage Curtain

Theater curtain opening and closing.

#animation #gradient #filter

Live preview Loaders

Stair Climb

Figure climbing stairs.

Live preview Loaders

Stapler Press

Stapler pressing down and firing staples into paper.

Live preview Loaders

Star Burst

Five-point star bursting outward repeatedly.

#animation #transform #shadow

Live preview Loaders

Star Twinkle

Five-point star pulsing with twinkling sparkle.

Live preview Loaders

Stargate

Stargate with rippling event horizon.