DEV Community

Adam Davis
Adam Davis

Posted on


I made my first svg animation!

I decided to try out SVG animations, so I started by animating the logo for my blog.

Here's a few quick things I learned along the way:

  • You can animate SVG elements with CSS just as you would with any other HTML element
  • If your animation doesn't fit in the original viewbox, you can adjust the width, height, and offset
  • When rotating a path, you need to specify which point you want the path to rotate about.

More content

If you liked this, consider subscribing to my newsletter or reading one of my other posts:

Top comments (1)

flemer profile image


Super Useful CSS Resources

A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.