Anime.js - Una biblioteca ligera de animación en JavaScript

La animación web ha recorrido un largo camino. Los desarrolladores no solo pueden hacer animaciones con un combo de CSS / SVG / JS, sino que también hay docenas de bibliotecas gratuitas para ahorrar tiempo en el proceso.

Uno de mis favoritos es Anime.js, una biblioteca de animación de JavaScript de código abierto completamente gratuita.

Esta biblioteca puede hacerlo todo . Se basa en JavaScript pero también depende en gran medida de las animaciones CSS . Puede orientar elementos de página individuales a través del DOM o incluso puede orientar SVG personalizados .

Toda la documentación está alojada en GitHub, por lo que puede necesitar desplazarse para encontrar exactamente lo que está buscando. Pero cada función de animación viene con algunos parámetros, como el retraso, la duración y la aceleración.

Tenga en cuenta que esta biblioteca no viene con muchos estilos de animación predeterminados. Anime.js está hecho para desarrolladores que desean personalizar sus animaciones sin escribir código detallado .

Para ver un ejemplo en vivo, consulte el bolígrafo Codepen a continuación. El código es extremadamente simple, pero se obtiene una animación creíble con squash y stretch plus anticipación, ambos fundamentos de la animación.

Una advertencia justa: la biblioteca de Anime.js es densa . No es tan difícil crear una animación personalizada, pero es necesario que comprenda algunos conceptos básicos como la simplificación y la sintaxis común de JavaScript para las devoluciones de llamada y las opciones.

Pero toda la información que necesita está en la página de repositorio, incluidas muchas muestras de código y tablas de documentación detalladas . Y puede navegar a través de abrir informes de errores o consultar el soporte del navegador que actualmente incluye todos los principales navegadores e IE 10+ .

Esta es fácilmente una de las mejores bibliotecas de animación para desarrolladores web y debería ser su solución de búsqueda para cualquier animación web compleja .

Para ver un montón de ejemplos en vivo, mira esta colección de demos de Anime.js alojadas en CodePen. A continuación, incrustó mi favorito que anima todo el logotipo desde cero, con verdadera vivacidad.

50 más impresionantes arte callejero 3d (pinturas)

Las pinturas de 3d Street Art han existido desde el siglo XVI, cuando los pintores renacentistas italianos Madonnari y franceses trompe l'oeil (franceses para 'engañar al ojo') crearon impresionantes murales para decorar las paredes interiores de lujosas villas. El arte en 3D también puede rastrear sus rutas desde los tiempos de la antigua Grecia, cuando el pintor Zeuxius (nacido alrededor del año 464 aC) pintó una pintura de naturaleza muerta tan convincente que los pájaros descendían desde el cielo para picotear las uvas pintadas. La m

(Consejos de tecnología y diseño)

Tres formas de manejar la cuenta de Facebook para el difunto

¿Alguna vez pensaste qué pasaría con tu cuenta de Facebook si falleces? Hay 3 cosas posibles que podrían hacerse con su cuenta de Facebook después de su muerte.Conmemorando una cuentaElegir un contacto heredadoEliminar cuenta de Facebook después de la muerteVamos a ver qué implica cada ruta y lo ayudaremos a decidir cuál de las tres opciones puede elegir no solo para proteger sus datos personales y privacidad de Facebook, después de la muerte, sino también para proteger su memoria. 1. Conme

(Consejos de tecnología y diseño)