Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

It's all about perspective...

600,268 Aufrufe • vor 3 Jahren •via X (Twitter)

10 Kommentare

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 3 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 3 Jahren

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

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 3 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 3 Jahren

Holy shit! Dude you blow my mind!

Profilbild von Gordus
Gordusvor 3 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 3 Jahren

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

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

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

Profilbild von Daniel Nakov
Daniel Nakovvor 3 Jahren

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

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

🤯🤯🤯

Profilbild von Tejyash Trilok 
Tejyash Trilok vor 3 Jahren

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

Ähnliche Videos