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
Official Website(HarshKhandeparkar): Click Here
This superior jQuery/javascript plugin is developed by HarshKhandeparkar. For extra Advanced usage, please go to the official website.