mtween
v0.1.0
Published
A small tween easing animation library
Downloads
1
Readme
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