Interop for CSS is lovely.

In 2023, Motion Path went from being kinda supported for a subset of path types to being implemented across shapes and even the polar coordinates piece that got merged into the spec back in 2016.

https://codepen.io/danwilson/pen/NWJYxzG

#css #CssMotionPath #MotionPath #CodePen

Animating with offset-path: ray()

...

Scroll progress animations in CSS | MDN Blog

Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.

MDN Web Docs