TRY THIS ON YOUR DEVICE :)
Functional prototype (with code) built in Framer.js that uses HTML5 device motion to show subtle parallax effect on a real device. Interaction faked on desktop by using mouse. Originally written by Cemre Güngör.
Project Link w/ prototype + code: http://bit.ly/1JtO9lb
Note: This was ported to run in latest Framer Studio build v.1.11.83 (942) from Cemre Güngör's original prototype: https://medium.com/@gem_ray/prototyping-with-the-motion-sensor-using-framer-js-d3f4811c36d6
*** FIXES ***
- Updated codebase to CoffeeScript
- Tweaked animation values
- Fixed "jittering" issue on desktop in-browser (Reference: http://codepen.io/cemre/pen/GoatK/)
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Almost Sold Out: Hang Time Workshops with Jon Contino, Danielle Evans, and MDS.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.