Single div CSS cargando Spinners-CSS-Loader
| Autor: | raphaelfabeni |
|---|---|
| Views Total: | 5,625 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
CSS-Loader es un conjunto de indicadores de carga/Spinners construidos usando un solo elemento DIV y CSS/CSS3 puro.
Útil para notificarle del estado de carga actual durante una llamada específica hacia y desde el servidor.
Funcionamiento
Descargue e inserte la hoja de estilo principal CSS-loader. CSS en la sección head del documento.
<link rel="stylesheet" href="path/to/css-loader.css">
Cree un elemento DIV para colocar el Spinner de carga.
<div class="loader loader-default"></div>
Especifique el texto de carga.
<div class="loader loader-default data-text="Custom text"></div>
Parpadee el texto de carga.
<div class="loader loader-default data-text="Custom text" blink></div>
Aplique más animaciones al Spinner de carga reemplazando la clase ' Loader-default ' con lo siguiente:
- Doble
- Bar
- Bar ping pong
- Frontera
- Bola
- Smartphone
- Reloj
- Cortina
- Música
- pokeBola
- Rebote
Registro de cambios
09/14/2018
- Añadidas más animaciones
