Cargadores para tu sitio web realizados con CSS

Por Noticias0

sitio-web-con-cargador-css.jpg

¿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:
[php]

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

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

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

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 *