A Lightweight Parallax Library with Vanilla Javascript – Rellax.js

Animation
Demo    Download
Rellax.js-Lightweight-vanilla-javascript
File Size: 2.56 KB
Views Total: 1038 views
Last Update:November 24, 2020
Publish Date: March 21, 2020
Official Website: Go to website
License: MIT

A Lightweight Parallax Library with Vanilla Javascript – Rellax.js
A lightweight Rellax.js vanilla Javascript Pallarax Library provides a sleek parallax scrolling effect on any DOM segment with desirable console instruments. In addition, CSS class assists with applying anyplace parallax impact easily over the page. Rellax.js has stunning enhanced visualizations. Rellax.js has amazing visual effects. The altered component can essentially make a parallax impact with loosen up speed and loosen up rate credits.. With the use of these attributes, the user can alter the speed of the effect and percentage of animation effects too.


How to use it :

Add parallax.js library JavaScript :

<script src="rellax/1.9.1/rellax.min.js"></script>

Add html elements :

//DEFAULT SPEED: -4 
<div class="rellax"> 
  I’m slow and smooth
</div> 

Call from javascript :

var rellax = new Rellax('.rellax');

Done


Kayla Matthews

Howdy! I'm a web designer and developer. I built CSS-Tricks, a website all about building websites, going strong for 5 years.