#animation CSS effects

3,824 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Badges

Coming Soon Dots Badge

Coming soon badge with animated loading dots.

#animation #transform #border

Live preview Badges

Notification Count Badge

A bell with a counter that pops each time the number would change.

#animation #transform #border

Live preview Badges

Cyber Scanline Badge

Dark CRT-style badge with animated horizontal scan lines.

#animation #gradient #border

Live preview Badges

Diamond Sparkle Badge

Diamond badge with cyan sparkle and frosted finish.

#animation #gradient #shadow

Live preview Badges

Bob Soft FX Badge

Animated badge with gentle vertical bobbing motion.

#animation #gradient #transform

Live preview Badges

Boing FX Badge

Animated badge that bounces up and down like a spring.

#animation #gradient #transform

Live preview Badges

Border March FX Badge

Animated badge with marching dashed border animation.

#animation #gradient #shadow

Live preview Badges

CRT Flicker FX Badge

Animated badge with CRT-monitor flicker effect.

#animation #gradient #shadow

Live preview Badges

Dashed Flow FX Badge

Animated badge with flowing dashed border line.

#animation #gradient #shadow

Live preview Badges

Fill Bottom Up FX Badge

Animated badge with rising fill from bottom to top.

#animation #gradient #transform

Live preview Badges

Fill Radial FX Badge

Animated badge with pulsing radial fill overlay.

#animation #gradient #shadow

Live preview Badges

Fill Sweep FX Badge

Animated badge with sweeping left-to-right fill overlay.

#animation #gradient #transform

Live preview Badges

Firework FX Badge

Animated badge with firework-burst radial expansion.

#animation #gradient #transform

Live preview Badges

Flash FX Badge

Animated badge with rapid flash opacity transition.

#animation #gradient #shadow

Live preview Badges

Glitch Slice FX Badge

Animated badge with horizontal slice-glitch distortion.

#animation #transform #shadow

Live preview Badges

Glow Breathe FX Badge

Animated badge with breathing-glow box-shadow pulse.

#animation #gradient #shadow

Live preview Badges

Glow Burst FX Badge

Animated badge with periodic glow-burst expansion.

#animation #gradient #shadow

Live preview Badges

Icon Bob FX Badge

Animated badge with bobbing icon glyph.

#animation #gradient #transform

Live preview Badges

Icon Orbit FX Badge

Animated badge with icon orbiting around the badge.

#animation #gradient #transform

Live preview Badges

Icon Pulse FX Badge

Animated badge with pulsing icon scale.

#animation #gradient #transform

Live preview Badges

Icon Spin Slow FX Badge

Animated badge with slowly spinning icon glyph.

#animation #gradient #transform

Live preview Badges

Letter Drop FX Badge

Animated badge with dropping-letter translateY motion.

#animation #gradient #transform

Live preview Badges

Letter Flip FX Badge

Animated badge with 3D letter-flip on Y axis.

#animation #gradient #transform

Live preview Badges

Letter Wave FX Badge

Animated badge with wave-style letter spacing.

#animation #gradient #shadow

Live preview Badges

Lift Soft FX Badge

Animated badge with soft lift-up hover-style motion.

#animation #gradient #transform

Live preview Badges

Light Sweep FX Badge

Animated badge with diagonal light-sweep highlight.

#animation #gradient #transform

Live preview Badges

Particle Float FX Badge

Animated badge with floating particle accent overlay.

#animation #gradient #transform

Live preview Badges

Pendulum Slow FX Badge

Animated badge with slow pendulum swing motion.

#animation #gradient #transform

Live preview Badges

Scan Line FX Badge

Animated badge with scrolling CRT scan line overlay.

#animation #gradient #shadow

Live preview Badges

Shake-Bounce FX Badge

Animated badge with quick shake-and-bounce motion.

#animation #gradient #transform

Live preview Badges

Shine Loop FX Badge

Animated badge with looping diagonal shine sweep.

#animation #gradient #shadow

Live preview Badges

Shine Pass FX Badge

Animated badge with one-shot-style shine pass loop.

#animation #gradient #transform

Live preview Badges

Spark Trail FX Badge

Animated badge with traveling spark trail.

#animation #gradient #transform

Live preview Badges

Spotlight Move FX Badge

Animated badge with moving radial spotlight overlay.

#animation #gradient #shadow

Live preview Badges

Tada FX Badge

Animated badge with playful tada-celebration motion.

#animation #gradient #transform

Live preview Badges

Tickle FX Badge

Animated badge with subtle tickle jitter.

#animation #gradient #transform

Live preview Badges

Typing Blink FX Badge

Animated badge with blinking typing caret symbol.

#animation #gradient #border

Live preview Badges

VHS Pause FX Badge

Animated badge with VHS-pause jitter distortion.

#animation #gradient #transform

Live preview Badges

VHS Tracking FX Badge

Animated badge with VHS-tracking distortion bars.

#animation #gradient #shadow

Live preview Badges

Vibrate FX Badge

Animated badge that vibrates rapidly in place.

#animation #gradient #transform

Live preview Badges

Wiggle FX Badge

Animated badge that wiggles side-to-side gently.

#animation #gradient #transform

Live preview Badges

Galaxy Cosmic Badge

Cosmic purple badge with shimmering gradient haze.

#animation #gradient #shadow

Live preview Badges

Galaxy Meteor Badge

Meteor-streak badge with animated tail across dark sky.

#animation #gradient #transform

Live preview Badges

Galaxy Orbit Badge

Badge with a small dot orbiting around it.

#animation #gradient #transform

Live preview Badges

Rainbow Animated Pill

Full rainbow gradient that shifts colors continuously.

#animation #gradient #shadow

Live preview Badges

Holographic Badge

Holographic badge with animated rainbow shimmer.

#animation #gradient #shadow

Live preview Badges

Hot Flame Badge

Red-orange badge with a flickering flame-like glow.

#animation #gradient #transform

Live preview Badges

Iridescent Badge

Iridescent badge with shifting pastel shimmer.

#animation #gradient #shadow

Live preview Badges

Limited Time Badge

Urgent limited-time badge with strobe animation.

#animation #transform #shadow

Live preview Badges

Neon Pink Badge

Dark badge with glowing pink neon glow.

#animation #transform #shadow

Live preview Badges

Notification 99+

Notification badge showing 99+ with red pulse.

#animation #gradient #shadow

Live preview Badges

Bouncing Notification

Notification badge with playful bounce animation.

#animation #transform #shadow

Live preview Badges

Unread Indicator

Small unread dot indicator for messaging interfaces.

#animation #shadow

Live preview Badges

Ocean Wave Badge

Blue ocean badge with animated wavy accent line.

#animation #gradient #shadow

Live preview Badges

Gradient Sweep Pill

Pill badge with animated gradient sweep across surface.

#animation #gradient #shadow

Live preview Badges

Platinum Shine Badge

Platinum badge with bright reflective shine sweep.

#animation #gradient #transform

Live preview Badges

Popular Pulse Badge

Popular badge with pulsing ring to draw attention.

#animation #transform #border

Live preview Badges

Priority Critical Badge

Critical-priority badge with pulsing red alert style.

#animation #gradient #transform

Live preview Badges

Pro Gradient Badge

Animated gradient badge for pro-tier users.

#animation #gradient #shadow

Live preview Badges

Property Ring Badge

An animated angle property spins a gradient ring around a circular avatar badge.

#animation #gradient #at-property

Live preview Badges

Brushed Metal Badge

Brushed steel stripes with a bright highlight that drifts across the surface.

#animation #gradient #shadow

Live preview Badges

State Active Badge

Active state badge with green dot indicator.

#animation #shadow #border

Live preview Badges

State Retry Badge

Retry state badge with circular arrow icon and orange tone.

#animation #transform #border

Live preview Badges

State Running Badge

Running state badge with spinning loader dot.

#animation #transform #border

Live preview Badges

Available Status

Available status with bouncy green dot.

#animation #transform #border

Live preview Badges

Away Status Dot

Yellow away status dot with subtle pulse.

#animation #border

Live preview Badges

Online Status Dot

Green online status dot with pulsing ring.

#animation #shadow #border

Live preview Badges

Syncing Status

Syncing status with rotating blue dot.

#animation #transform #border

Live preview Badges

Holographic Foil Texture Badge

Holographic foil-textured badge with shifting rainbow sheen.

#animation #gradient #shadow

Live preview Badges

Tier Gem Badge

A faceted hexagonal gem cut with clip-path, sparkling on a slow loop.

#animation #gradient #shadow

Live preview Badges

Volcano Ember Badge

Smoldering ember badge with subtle glow pulse.

#animation #gradient #shadow

Live preview Badges

Y2K Sparkle Badge

Magenta sparkle badge with twinkling star accent.

#animation #gradient #shadow

Live preview Backgrounds

Aboriginal Dot Art

Aboriginal Australian dot painting with earth-toned points.

#animation #gradient

Live preview Backgrounds

Adinkra Symbols

Akan Adinkra symbols floating on rustic earthen ground.

#animation #gradient #filter

Live preview Backgrounds

Golden Afternoon

Warm golden afternoon light bathes everything in honey tones.

#animation #gradient #transform

Live preview Backgrounds

Afternoon Haze

Warm hazy afternoon light softens a distant golden horizon.

#animation #gradient #transform

Live preview Backgrounds

Lazy Afternoon

A hazy lazy afternoon stretches under soft warm light.

#animation #gradient #transform

Live preview Backgrounds

Airport Runway Lights

Rows of runway approach lights descend toward a landing plane.

#animation #gradient #transform

Live preview Backgrounds

Alcohol Ink

Vibrant alcohol ink blooms and spreads in organic cell patterns.

#animation #gradient #transform

Live preview Backgrounds

Alpine Meadow

A high alpine meadow blooms with tiny flowers below snowy peaks.

#animation #gradient

Live preview Backgrounds

Ambulance Flash

White ambulance strobe with red cross pulse.

#animation #gradient #transform

Live preview Backgrounds

Amethyst Crystal

Purple amethyst crystals sparkle with internal light.

#animation #gradient #shadow

Live preview Backgrounds

Anglerfish Glow

A deep-sea anglerfish lure pulses in the abyssal dark.

#animation #gradient #transform

Live preview Backgrounds

Animated Stripes

Diagonal candy stripes that scroll continuously for a barber-pole look.

#gradient #animation #shadow

Live preview Backgrounds

Anodized Titanium

Anodized titanium shifting through rainbow oxide layers.

#animation #gradient

Live preview Backgrounds

Arabesque Pattern

Intricate arabesque interlacing geometry in gold on deep blue.

#animation #gradient

Live preview Backgrounds

Archery Bullseye

A multi-color archery target with an arrow hitting the bullseye.

#animation #gradient #transform

Live preview Backgrounds

Art Nouveau Curves

Sinuous Art Nouveau whiplash curves with peacock hues.

#animation #gradient #transform

Live preview Backgrounds

Asanoha Hemp Leaf

Japanese asanoha hemp-leaf geometric star pattern.

#animation #gradient #transform

Live preview Backgrounds

Kuiper Belt

Icy bodies of the distant Kuiper Belt drift at the solar edge.

#animation #gradient

Live preview Backgrounds

Main Asteroid Belt

Drifting rocks of the main asteroid belt orbit between Mars and Jupiter.

#animation #gradient

Live preview Backgrounds

Astronomical Dusk

Deep astronomical dusk fades to near-black with emerging stars.

#animation #gradient

Live preview Backgrounds

Green Aurora Borealis

Vibrant green curtains of northern lights ripple across the polar sky.

#animation #gradient #transform

Live preview Backgrounds

Violet Aurora

Purple and pink aurora ribbons dance over a starry sky.

#animation #gradient #transform

Live preview Backgrounds

Aurora Waves

Soft shifting aurora ribbons ripple across a starlit polar sky.

#gradient #animation #border

Live preview Backgrounds

Early Autumn

Early autumn turns a few leaves golden against a clear sky.

#animation #gradient

Popular tags