Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

It's all about perspective...

597,467 görüntüleme • 2 yıl önce •via X (Twitter)

10 Yorum

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

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

Seb ⚛️ ThisWeekInReact.com profil fotoğrafı
Seb ⚛️ ThisWeekInReact.com2 yıl önce

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

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

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 profil fotoğrafı
James Q Quick2 yıl önce

Holy shit! Dude you blow my mind!

Gordus profil fotoğrafı
Gordus2 yıl önce

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

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

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

Luciano Mammino 𝕏 Node.js Design Patterns profil fotoğrafı
Luciano Mammino 𝕏 Node.js Design Patterns2 yıl önce

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

Daniel Nakov profil fotoğrafı
Daniel Nakov2 yıl önce

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

Florin Pop 👨🏻‍💻 profil fotoğrafı
Florin Pop 👨🏻‍💻2 yıl önce

🤯🤯🤯

Tejyash Trilok  profil fotoğrafı
Tejyash Trilok 2 yıl önce

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

Benzer Videolar