Video yükleniyor...
Video Yüklenemedi
Scroll velocity CSS text-shadow 📜 1. Animate 2 custom properties on scroll 2. Transition one of the property values 3. Use the diff (velocity) for the text-shadow position 🤙 A CSS take on it.
111,954 görüntüleme • 1 yıl önce •via X (Twitter)
10 Yorum

jhey ▲🐻🎈1 yıl önce
the gist 👇

jhey ▲🐻🎈1 yıl önce
Hmm 🤔

Nir Galon1 yıl önce
😳 I didn’t decide yet if it’s beautiful or cringe, but I’m at 🤤 state in front of this post..

jhey ▲🐻🎈1 yıl önce
Ha - Yeah, it was just a mess around to see if it would work 😅

👻 Darío Gutiérrez 🎃1 yıl önce
Kwel effect!! Thanks for the gist.

Mick Coelho1 yıl önce
Wondering what that'd look like to create motion blur.

jhey ▲🐻🎈1 yıl önce
That's a good idea 💡 Perhaps with a filter intensity that gets applied 🤔

sanket1 yıl önce
wow

EIO1 yıl önce
Could you add svg filters to complete that effect?

jhey ▲🐻🎈1 yıl önce
Yeah - Wonder if splitting to multiple elements, using translate, and then applying a filter could be a move 🤔
