Nightingale Posing Mischievously

    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

    1

    Version

    1.2.2

    License

    MIT

    Unpacked Size

    269 kB

    Total Files

    29

    Last publish

    Collaborators

    • teamwebcompetec