slider-df

a slider package to help create animations on scoll

Instructions

---

• first install the package with npm install slider-df

• import it in your javascript and execute it simple for now.

• for elements you intend to add simple animation to on scroll add a class name 'hidden-df'

• example

html

<p class="hidden-df">Hello</p>

javascript

import slider from "slider-df";

slider();

• additionals options are aso provided to change the duration and filter of the element when animating

javascript

import slider from "slider-df";

slider(
{
	options: {
		duration: 2, // in seconds
		filter: 5, // in pixels
	}
}
);

slidertest.mp4

• new features will continue to be added, suggestions are welcome slider-df@devfate.com