Tweening ligero & biblioteca de animaciones para JavaScript-Liike. js
| Autor: | LiikeJS |
|---|---|
| Views Total: | 1,014 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 18, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Liike. js es una muy pequeña pero altamente personalizable & biblioteca de animación para JavaScript.
¿Cómo funciona?
Instale Liike. js e impórtelo en el proyecto.
$ npm install liike--save import liike from 'liike';
O incluya la versión UMD en la página HTML como esta:
<script src="liike.min.js"></script>
Cree un nuevo objeto de interpolación y especifique el elemento DOM de destino.
tween(element, {
// options here
}); Todas las opciones posibles para personalizar el liike.
tween(element, {
// delay
delay: 0,
// duration
duration: 1000,
/*
linear
quadIn, quadOut, quadInOut (power to 2)
cubicIn, cubicOut, cubicInOut (power to 3)
quartIn, quartOut, quartInOut (power to 4)
quintIn, quintOut, quintInOut (power to 5)
sineIn, sineOut, sineInOut
bounce
*/
easing: 'bounce',
// values to start from
from: {
y: -100,
opacity: 0
},
// values to tween to
to: {
opacity: 1
}
}); Función de devolución de llamada.
tween(element, {
// on start
onstart: onstart(target),
// on progress
onprogress:
onprogress(target, t),
// on end
onend: onend(target),
});
