animate-element v0.0.4

Animate-element

Easily transform CSS properties using requestAnimationFrame

Installation

$ yarn add animate-element

or

$ npm install animate-element

Usage

import AnimateElement from 'animate-element';
 
let myElement = document.getElementById('#myElement');
 
new AnimateElement(myElement, {
	width:   100,  
	height:  200,  
	opacity: .75,  
}, {
	duration: 250,
	easing: false,
}).then(() => console.log('Completed Animation'));

As you can see a promise is returned.

Note: values are absolute. So setting a width of 100 means the element will animate untill it is 100px wide, regardless of the current width of the element.