Loading video...

Video Failed to Load

Go Home

It's all about perspective...

597,472 views • 2 years ago •via X (Twitter)

10 Comments

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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

Seb ⚛️ ThisWeekInReact.com's profile picture
Seb ⚛️ ThisWeekInReact.com2 years ago

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

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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's profile picture
James Q Quick2 years ago

Holy shit! Dude you blow my mind!

Gordus's profile picture
Gordus2 years ago

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

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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

Luciano Mammino 𝕏 Node.js Design Patterns's profile picture
Luciano Mammino 𝕏 Node.js Design Patterns2 years ago

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

Daniel Nakov's profile picture
Daniel Nakov2 years ago

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

Florin Pop 👨🏻‍💻's profile picture
Florin Pop 👨🏻‍💻2 years ago

🤯🤯🤯

Tejyash Trilok 's profile picture
Tejyash Trilok 2 years ago

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

Related Videos