Wicked CSS - Una biblioteca de animaciones nueva en Pure CSS3
Gracias a CSS3 puedes crear algunas animaciones locas en la web. Estos pueden Trabajar en todos los navegadores y elementos de la página. para controlar los elementos de navegación, los menús desplegables, las pestañas, lo que quieras..
De hecho, incluso puedes generar estos códigos dinámicamente usando herramientas de animación. Pero esos son bastante limitados en comparación con una biblioteca de animación en toda regla.
Wicked CSS es la biblioteca más nueva de su tipo. Esto me recuerda a los primeros Animate.css que era bastante simple y rudimentario., sin embargo, podría ser utilizado en casi cualquier sitio web.
Eche un vistazo a la página de inicio para ver una demostración en vivo junto con una lista de todas las animaciones compatibles. A la hora de escribir este artículo cuento 24 estilos de animación totales desde diapositivas hasta rotaciones. y pulsando / rebotando efectos.
Muchas de estas animaciones son características únicas que se usan para poner un elemento en vista (o fuera de vista). Esto es útil para páginas con animaciones de desplazamiento a vista que se dirigen a elementos específicos de la página..
Pero también puedes Usa esto para mostrar (u ocultar) elementos de página extra como menús desplegables, barras de búsqueda, formularios de registro ocultos o cualquier otra cosa. Aquí hay una pequeña lista de animaciones que puedes elegir:
- Sacudir
- Acercar / alejar
- Deslice hacia arriba / abajo
- Fade in / out
- Rodando dentro / fuera
- Rebote y pop
- Rotación circular in / out
Todos estos estilos de animación están diseñados para un solo uso. Se pueden llamar varias veces por página y por elemento, pero Estas no son repeticiones de animaciones..
En su lugar, los utilizará en función del efecto de clic, desplazamiento o desplazamiento del usuario. También se pueden usar en los botones de CTA para efectos de pulsos / pulsaciones, pero eso requiere una función de temporización de JavaScript.
Eche un vistazo a la página de ejemplos para una vista previa en vivo y algunos detalles más. También encontrará documentación completa en el sitio principal junto con el repositorio de GitHub.
Wicked CSS es una biblioteca más nueva por lo que aún no tiene muchos seguidores. Pero la biblioteca es estable y es probable que esté disponible en los próximos años..