正在加载视频...

视频加载失败

It's all about perspective...

597,480 次观看 • 2 年前 •via X (Twitter)

10 条评论

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈2 年前

Think I need to turn this into a configurable <Loader/> component 😅 Here's the @CodePen link for the animation 🚀

Seb ⚛️ ThisWeekInReact.com 的头像
Seb ⚛️ ThisWeekInReact.com2 年前

This makes me wonder, can you create this kind of effect without any JS?

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈2 年前

You can get pretty close. But, ideally an event listener is gonna help a lot ha. I like to do this with scoped custom properties in CSS and that way you can do particle-like parallax based on pointer position 😎 I should revisit this stuff 💯

James Q Quick 的头像
James Q Quick2 年前

Holy shit! Dude you blow my mind!

Gordus 的头像
Gordus2 年前

@oodeelally Can't wait to spend $3500 on Vision Pro to see the other dimension of my progress bars 🧐

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈2 年前

@oodeelally Hahaha 😅 This tickled me. VR progress bars.

Luciano Mammino 𝕏 Node.js Design Patterns 的头像
Luciano Mammino 𝕏 Node.js Design Patterns2 年前

Lol, you always have the most incredible ideas 😉💡 Keep inspiring us 🙏

Daniel Nakov 的头像
Daniel Nakov2 年前

that's super cool! how did you manage to hide all the javascript? :)

Florin Pop 👨🏻‍💻 的头像
Florin Pop 👨🏻‍💻2 年前

🤯🤯🤯

Tejyash Trilok  的头像
Tejyash Trilok 2 年前

Talk about visually representing a thought. Peak creativity! @jh3yy

相关视频