Post

We’ve entered this phase of the blog post.

@jakearchibald.com plz fix

This was almost certainly a skill issue on my part. 😅

The animations consistently didn’t play for me, but only on Firefox and only after the site been deployed. I couldn’t reproduce it locally, despite the code being identical. Leads me to believe it’s a timing problem, though I never did try network slowness emulation in the dev tools 🤔

The thing is that Firefox on iOS is not even Firefox. But whenever I see multiple rAF's nested, especially with a setTimeout sprinkled in, I gotta summon Jake.

huh yeah. Did Chrome iOS have the same issue?

Please do not judge me too harshly for my sins. This was my first use of clip paths and SMIL. I’m 100% sure it’s possible to make this animation without JS but I couldn’t figure out how to do the arc animation in CSS or SMIL 🫠