Biblioteca de JavaScript ligera para animaciones CSS3-amo. js
| Autor: | nikogu |
|---|---|
| Views Total: | 1,431 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 30, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
amo. js es una pequeña librería JavaScript simple que te ayuda a crear animaciones CSS3 de forma fácil y rápida con @keyframes reglas. No se preocupan por la clase de animación CSS y el estilo de los fotogramas clave, centrándose en la animación es lo único que necesita hacer.
Funcionamiento
Descargue, descomprima e incluya la biblioteca amo. js en su documento.
<script src="src/amo.js"></script>
Cree una animación basada en CSS3.
var rotateAnim = Amo.keyframes({
'-webkit-transform': 'rotate(0deg)'
}, {
'-webkit-transform': 'rotate(360deg)'
}).animate({
duration: 5000,
easing: 'linear',
time: -1
}); Aplicar la animación en un elemento.
rotateAnim.run(document.getElementById('runner'));
