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)

Collapse
 
flemer profile image
flemer

Wonderful

We are hiring! Do you want to be our Senior Platform Engineer? Are you capable of chipping in across sysadmin, ops, and site reliability work, while supporting the open source stack that runs DEV and other communities?

This role might just be for you!

Apply now