Cargadores para tu sitio web realizados con CSS

¿Necesitás un loader o cargador para tu sitio web? ¿Querés que sea solo con CSS para evitar cargas innecesarias?

Generalmente es común mostrar un cargador a los usuarios cuando deben esperar algo en una aplicación web (una petición ajax o un envío de formulario, etc.). Las imágenes GIF son pesadas, pero con CSS podemos evitar la solicitud de la imagen, también es más fácil para personalizar y mantener.

Raphael Fabeni es el creador de esta pequeña utilidad, que simplemente con un link al archivo CSS y la carga de un DIV, tendremos a disposición nuestro cargador.
Simplementa añadimos:

<link rel="stylesheet" href="path/to/css-loader.css">

Seleccionamos el cargador y añadimos el código HTML correspondiente. Para cargar el loader simplemente agregamos la clase is-active:

<div class="loader loader-default is-active"></div>

El cargador es soportado por todos los browsers o navegadores actuales.

De esta forma sencilla podés agregar a tu sitio web un cargador.
Ver demos y descargar archivos