Parallax scrolling is a new web design technique and with the advent of HTML5/CSS3, creating more interesting, remarkable and advanced browser effects became a possibility. These effects can be tricky though. When used correctly, they can make your website more impressive and amazing. However, if overused, it can easily backfire on you.
Parallax scrolling is a kind of special scrolling technique wherein the background images move slower than those in the foreground. This creates an illusion of depth. The technique was developed from multiplane camera method that was utilized in traditional animation since 1940’s. In 1982, the technique was popularized in the Moon Patrol arcade game.
To illustrate how the effect is done, I have compiled a list of parallax scrolling websites that use the technique excellently. In some, parallax scrolling is the main feature while in others, it is used to add depth – making the foreground pop out a bit. I hope that by browsing on my short list, you will find the inspiration you need for your succeeding projects. If you know any creative use of parallax scrolling that I missed, we would love to know about them in the comment section below. If you have friends that have not grasped parallax scrolling yet, you are welcome to share this post with them.