Impressive Parallax Javascript Plugin That Supports Gyroscrope

Written by Kevin Liew on 03 Sep 2013
28,752 Views • Javascript

Parallax effect is one of the coolest animation in web design industry. Its sibling - Parallax scrolling has been quite a famous web layout since last year!

We found this pretty cool Javascript plugin that bring parallax effect to a new level. Parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene. If you don't have gyroscope or motion detection hardware, it uses the position of your cursor instead.

I tried it on my iPhone, and it looks stunning!

It's designed to be easy to customise, not much javascript declaration over here, it's using html data attributes. It's available in 3 packages - standalone, jQuery and Zepto.



Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
Matthias Vervaet 10 years ago
This is great!