Happy Friday! This week went incredibly fast around here. I got to be a part of a few different virtual events and I had a blast getting to chat animation, remote work, and other design topics with everyone.

This week’s issue looks at CSS motion paths and morphing animations from a slightly different perspective along with a fun scroll animation and a CSS solar system too.

If you just need something fun and light right now, I’d suggest starting with the bubble tape text and solar CSS links from below.

Stay safe, 

- Val
 

p.s. Replies go straight to my email, and I read them all. Reply and let me know what you’re working on.

Different approaches to responsive CSS motion path
Related to the article above, Michelle weighs in with even more options and considerations for creating responsive CSS motion paths. Responsive motion paths is definitely something worth digging into more.
 

Morphing animations with CSS clip-path
When you think of morphing animations, you probably think of SVG and its morphtastic abilities. But CSS clip-path can be used to make morphing animations too. This tutorial digs into how and when you might go that route.
 

Tips for writing animation code efficiently
A helpful read from Zach Saucier on best practices for writing efficient animation code. The tips cover everything from using staggers to using timelines, and everything in between.