Javascript Parallax

Parallax Scrolling #1 - HTML

Submitted by Yorkiebar on

Introduction:

This tutorial is the first of three parts in which I will show you how to create a Parallax effect using HTML, CSS, and the Javascript library jQuery.

What is a Parallax Effect?

A parallax effect is where one element or layer moves in the opposite direction to another element or layer. This can be used in a professional manor for some websites to give a nice, smooth effect to the content.

HTML:

First we need the HTML for our page.