Switching word combos on scroll with CSS 🖱️ main { animation: switch both steps(3); animation-timeline: view(); } @​keyframes switch { to { --i: 3; }} .words__track { translate: 0 calc(var(--i) * -100%); } Result of a DM request 👇

Wasn't going to share this one as it was quickly thrown together 😬 May be useful to some though 🤙 Haven't put together a mobile view where could imagine everything would stack and you'd lose the animation. Nor does this fallback where no support 🥲

What's the DOM structure like?

So this is what you've been cooking 🧑‍🍳

Not this haha 😂 This was like a 20 minute prototype for someone 🤙

When this gonna be supported on safari

👋👋👋

thank you! i’ll definitely implement this soon

This looks amazing! Can I ask for the code?

Nice effect! To work properly, each part has to be of the same height, right?

You need to adjust the alignment of the text. It’s a little wonky