simple-animation-js
v1.2.2
Published
Simple animation library which uses CSS transitions in the background and allows animating dimension percentages with scrollWidth and scrollHeight.
Downloads
24
Maintainers
Readme
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
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);