simple-animation-js 1.2.2

pipeline status semantic-release NPM version NPM downloads

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 branch. The starting point of the documentation is the Module simpleAnimation.

Contributing contributions welcome

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);