Create parallax scrolling with CSS

Parallax scrolling is a computer graphics technique in which background images move past the camera more slowly than foreground images. The technique grew out of the multiplane camera technique used in traditional animation in the 1930s. The secret to this method is to use a background image for a section and fix its position. When the user scrolls through a particular section, the background does not scroll by, but the other elements do.