正在加载视频...
视频加载失败
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.
10 条评论

jhey ▲🐻🎈1 年前
the gist 👇

jhey ▲🐻🎈1 年前
Hmm 🤔

Nir Galon1 年前
😳 I didn’t decide yet if it’s beautiful or cringe, but I’m at 🤤 state in front of this post..

jhey ▲🐻🎈1 年前
Ha - Yeah, it was just a mess around to see if it would work 😅

👻 Darío Gutiérrez 🎃1 年前
Kwel effect!! Thanks for the gist.

Mick Coelho1 年前
Wondering what that'd look like to create motion blur.

jhey ▲🐻🎈1 年前
That's a good idea 💡 Perhaps with a filter intensity that gets applied 🤔

sanket1 年前
wow

EIO1 年前
Could you add svg filters to complete that effect?

jhey ▲🐻🎈1 年前
Yeah - Wonder if splitting to multiple elements, using translate, and then applying a filter could be a move 🤔
