How it works

Using the CSS perspective property, we can shift elements along the Z axis (going in and out of the screen).

Then when you scroll down the page, the layers further down the Z axis will move slower, creating a parallax effect!