Mouse Parallax

In the fifth installment of my Parallax deep dive, I discuss how to use mouse movement to apply a parallax effect.

Using the same plugin exporting layout data from Illustrator that I discussed in Episode 3.
Then we use mouse events to adjust the offsets of our content.
We also use Greensock’s TweenMax to apply 3D rotation to the element itself based on the mouse movement.
Then we apply a SVG mask and a gradient that rotates to follow the mouse to create an interesting lighting effect.

Click here to download the demo.