Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

It's all about perspective...

597,467 Aufrufe • vor 2 Jahren •via X (Twitter)

10 Kommentare

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 2 Jahren

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

Profilbild von Seb ⚛️ ThisWeekInReact.com
Seb ⚛️ ThisWeekInReact.comvor 2 Jahren

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

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 2 Jahren

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 💯

Profilbild von James Q Quick
James Q Quickvor 2 Jahren

Holy shit! Dude you blow my mind!

Profilbild von Gordus
Gordusvor 2 Jahren

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

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 2 Jahren

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

Profilbild von Luciano Mammino 𝕏 Node.js Design Patterns
Luciano Mammino 𝕏 Node.js Design Patternsvor 2 Jahren

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

Profilbild von Daniel Nakov
Daniel Nakovvor 2 Jahren

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

Profilbild von Florin Pop 👨🏻‍💻
Florin Pop 👨🏻‍💻vor 2 Jahren

🤯🤯🤯

Profilbild von Tejyash Trilok 
Tejyash Trilok vor 2 Jahren

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

Ähnliche Videos