Set de animaciones: Indicadores de Carga (loading) con CSS3

SpinKit es un estupendo set de indicadores de carga (loading) realizados aprovechando la potencia de CSS3, sin utilizar un solo archivo de imagen.

El set esta compuesto por un total de ocho animaciones distintas, de una calidad extraordinaria que dista mucho de las utilizadas convencionalmente, por lo que emplearlas puede darle un toque de distinción a nuestros proyectos.

loading solo con hojas de estilo

La única desventaja que puede aparecer de su utilización esta relacionada a su compatibilidad con los navegadores más antiguos, sin embargo pueden ver en Can I Use que los navegadores que aceptan las propiedades de animación de CSS3 no necesariamente son los más nuevos, teniendo una gran cantidad de versiones anteriores que lograrán reproducir perfectamente estos muy lindos indicadores de carga.

Implementar estos cargando también es sencillo, para nuestra comodidad el autor tomó la atinada decisión de crear un documento HTML con las propiedades CSS incluidas en él, creando un archivo distinto para cada animación. Para instalarlas en nuestros proyectos simplemente deberemos copiar la estructura HTML e incluir las propiedades CSS en nuestras hojas de estilo. En apenas unos segundos podemos instalar estas animaciones, mejorando la apariencia de nuestro sitio.

Otro aspecto que preocupa cuando hablamos de recursos similares es el peso. Si observan las hojas de estilo de cada animación podrán ver que el peso es inferior al de la mayoría de los gif animaciones que se suelen emplear para estas tareas.

SpinKit es un muy buen proyecto, si no necesitan compatibilidad con navegadores MUY antiguos es una solución magnífica.

Categorizado en: