Video wird geladen...
Video konnte nicht geladen werden
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 ⭐️
136,482 Aufrufe • vor 1 Jahr •via X (Twitter)
10 Kommentare

Jesús Rascónvor 1 Jahr
i kinda love the debug mode better lmao

jhey ▲🐻🎈vor 1 Jahr
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 🤔

Tusharvor 1 Jahr
Post tutorial

Retro ✴️vor 1 Jahr
Looks nice but how do screenreaders process this ?

jhey ▲🐻🎈vor 1 Jahr
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 🤙

Nuelvor 1 Jahr
You’re a genius

S4RAHvor 1 Jahr
This is crazy cool

JMvor 1 Jahr
Creative 🎨

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

Salih Ayvor 1 Jahr
🥹🥹🥹🥹🥹🥹
