Press "Enter" to skip to content

[Multiple Layers] Simple and ULTRA Light Parallax Scrolling Effect | shadowllax

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.

parallax scrolling js, parallax scrolling jquery, full page parallax scroll effect, smooth parallax scrolling background image, 3d scrolling effect css, parallax js

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>

shadowllax Plugin/Github, Multi Parallax Scrolling, pure CSS parallax background image, parallax scrolling multiple layers, section parallax scrolling


See Demo And Download

Official Website(HarshKhandeparkar): Click Here

This superior jQuery/javascript plugin is developed by HarshKhandeparkar. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.