Pretty fun seeing how you can combine different CSS tricks with scroll 😁 The basic combination of overflow: hidden and steps() animation timing makes this happen ⭐️

i kinda love the debug mode better lmao

Could look pretty cool if the opacity was reduced on the letters outside of the clip. Perhaps it could be updated with an animated mask position 🤔

Post tutorial

Looks nice but how do screenreaders process this ?

Very good question ⭐️ The answer is, "fine". The trick here is to duplicate the string of text in a visually hidden <span> then apply [aria-hidden] to all of the animated text you see. That way, the reader will only pick up the string of text as expected 🤙

You’re a genius

This is crazy cool

Creative 🎨

It would be cool if you can make it like the animation from the matrix movie

🥹🥹🥹🥹🥹🥹