mtween

mTween - A small tween easing animation library

Gsap is a great animation library, it is very powerful. But there are a few disadvantages is that the size is slightly larger. Sometimes I just want to implement a basic animation, may not want to introduce a large library, so I am based on gasp Made some cuts, thank you very much to the original author

Features

A small tween easing animation library, which is very small in size. Suitable for mobile project applications. Ported from gsap animation library.

• Small size, only 10kb gzip
• Retains most of tweenlite's features.
• Basic dom animations like scale, x, y

Usage

Directly on the page reference

<script src="js/mtween.min.js"></script>

Or install using npm

npm install mtween --save
... 

import mTween from 'mtween';

Useage:

mTween.to($(".card1")[0], 0.5, { scale: 2.1, opacity: 0.2 });

mTween.fromTo(
    $(".card2 .card-content")[0], 0.5, {rotation: 0},
    {
        rotation: 230,
        delay: 0.2,
        ease: Back.easeOut
    }
);

mTween.fromTo($(".card3")[0], 0.5, { scale: 0.1 }, { scale: 1, delay: 1 });

Build

Node is a dependency, use terminal to install it with with:

build package

npm install
npm run build

es6 lint

npm run lint

License

LicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license