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:

• Changing Emoji Skin Tones Programmatically
• 5 tips for publishing your first npm package
• 4 Hugo Beginner Mistakes
• Introducing meme-type: A translator for internet speak

Comments

[flemer]

Wonderful