Parallax Techniques Demo

This is a quick overview of three techniques for achieving parallax effect. Produced for an internal training session at Ballistiq.

See the demos here

Running the demo

1. Clone the repository

2. Run a web server. E.g. PHP 5.4's server: php -S localhost:3000

Parallax techniques

We cover 3 techniques with increasing difficulty:

1. Fixed background - CSS only

2. Offset background position - Javascript

3. Canvas background image sequence - HTML 5

Questions/Comments

Please contact me: leo (at) ballistiq.com

Thanks!

Leonard Teo, Ballistiq