MAD Simple Library and ULTRA light parallax Library with no javascript configuration code required. Shadowllax is a small JavaScript parallax library that applies the parallax scrolling effect to single or multiple layers.

Must Read: Automatic Presentation Rotate Slides Animation Using Only HTML CSS

How to make use of it:

1. To get started, insert the shadowllax.css and shadowllax.js into the document.

<link rel="stylesheet" href="./shadowllax.css" />
<script src="./shadowllax.js"></script>

2. Add parallax layers to the parallax container as follows:

<div class="parallax">
  // Add Images Here
</div>

3. Add parallax content to the parallax container.

<div class="parallax">
  // Add Images Here
  <div class="parallax-content">
    <p>This text will be displayed above the parallax layers.</p>
  </div>
  <div class="above-parallax">
    <p>This text will be placed on a black background with a shadow above the parallax layers.</p>
  </div>
</div>

4. Customize the depth factor within the information attribute:

<div class="parallax">
  // Add Images Here
</div>

See Demo And Download