Miss any of our Open RFC calls?Watch the recordings here! »

simple-animation-js

1.2.2 • Public • Published

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

Install

npm i simple-animation-js

DownloadsWeekly Downloads

0

Version

1.2.2

License

MIT

Unpacked Size

269 kB

Total Files

29

Last publish

Collaborators

  • avatar