simple-animation-js

simple-animation-js

Simple animation library which uses CSS transitions in the background and allows animating dimension percentages with scrollWidth and scrollHeight.

Installation

npm install simple-animation-js

Documentation

The documentation is found under this link or in the gh-pages branch. The starting point of the documentation is the Module simpleAnimation.

Contributing

If you want to contribute to this project please commit with the npm run commit command, this will secure the automatic semantic versioning.

Example

const simpleAnimationJs = require('simple-animation-js');
const elementToAnimate = document.getElementById('testDiv');
const options = {
	target: elementToAnimate,
	animations: [{
		attribute: 'height',
		animateTo: '100%',
		duration: 400,
		easing: 'ease-in',
		pctToScroll: true
	},
	{
		attribute: 'opacity',
		animateTo: 1
	}],
	defaultDuration: 350,
	defaultEasing: 'ease-out'
};
simpleAnimationJs(options);