Cargadores para tu sitio web realizados con CSS

Por Noticias0

sitio-web-con-cargador-css.jpg?fit=853%2C500&ssl=1

¿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.browsers

 

 

 

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

Comenta

Tu Email no será publicado. Campos requeridos *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.