Animating SVGs

Learn how to transform, energize, and make your SVGs dance.

Table of Contents

  • Browser Support
  • CSS Animation
  • transforms
  • SMIL

CSS Animation

Animation can be implemented using CSS.

Line drawing

I SVG!

Dots Loading

Circle Loading

SMIL

Can I Use? SMIL

About

SVG ZOO was created by N.E. Lilly to explore the amazing and wonderful complexity that can be found in Scalable Vector Graphics. Last modified on May 29, 2023.

Additional technical details are provided on the Colophon.

Connect