A new feature that we are building had this interesting looking animation in it that seemed kind of tricky.

I wanted to see if I could implement it myself and preferably mostly just with CSS. Here is what I came up with.
I think the timings of the animations could probably be refined a bit more, but I'm proud of it compared next to the Figma animation.
Top comments (0)