Scroll-Driven State Transfer
In my fourth article about scroll-driven animations, I explore how we can transfer the state of one element to a completely different place on a page by connecting them with a unique identifier in CSS via a timeline-scope.
![A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()](https://rdl.ink/render/https%3A%2F%2Fwww.bram.us%2Fwordpress%2Fwp-content%2Fuploads%2F2022%2F12%2Fnth-child-of-class_css-bramus-updated.png?width=92&height=&ar=&mode=&format=avif&dpr=2)
