Hi! For the past couple of weeks I've been experimenting with the 'deviceorientation' event, I figured I could use it to make materials on the web come to life on mobile devices (read "devices that have gyroscopes"). The result of this is Shiny.js, a tiny JavaScript library that can add reflections to text, backgrounds, and borders. Resulting in more lifelike graphics. Note, this is still experimental, it needs some more testing on Android and iOS landscape mode. I'm extending my mobile device lab so hope to be able to test on Android next week. In the meantime, enjoy!

lo mas probable es que no funcione bien en muchos dispositivos que no corran bien javascript.

Pros:

this is a different idea

Cons:

performance

This is fun :) and I think that no one wiggle their phones that gently, so I’d made it not that sensitive

The reflection looks great @rikschennink! Having a blast messing around with it on my phone. Do you have any plans for a click-and-drag version on desktop?

Great library. Congrats with the launch!

Very innovative

Really sweet, good job 😃

Super cool! Congrats 👍

Just tested this out on my Samsung S8. Works pretty well! Great work

Super cool... Super simple