Loading video...
Video Failed to Load
Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇
272,683 views • 2 years ago •via X (Twitter)
10 Comments

jhey ▲🐻🎈2 years ago
This is how that parallax card was developed 🤙 Use the Developer Tools to test the parallax and then you know how it's gonna behave on a device 😎

jhey ▲🐻🎈2 years ago
Here's the @CodePen link for it! 🤙 The reason a code version doesn't lag is because you change the custom properties once and let CSS handle the rest (cascade) ⭐️ Use JavaScript for it all and it gets choppy 🤢

Kevin Powell2 years ago
Oh that's really cool 😎

Maeve Shevchuk🇺🇦🍉2 years ago
you can use the gyroscope on a page with no special permissions????

Gromo2 years ago
So cool!

designing4ages2 years ago
This is amazing thanks for the info and well done chrome

Unnamed 🥷🏿2 years ago
Do you have a tutorial on how you made this?

Rakesh2 years ago
@miickasmt 🤯

Jan2 years ago
😮🤩

Luciano Mammino 𝕏 Node.js Design Patterns2 years ago
Wait whaaaat 😱



