Simple Cross-Browser puro CSS cargando animaciones-Whirl. CSS
| Autor: | jh3y |
|---|---|
| Views Total: | 4,482 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 23, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Whirl. CSS es una biblioteca de CSS ligera que le ayuda a crear una variedad de animaciones de carga (Spinners de carga) usando CSS/CSS3 puro. También viene con una superposición de carga que cubre el área de destino.
Uso básico
Todo lo que necesita es incluir el Whirl. CSS en la sección Head de su documento:
<link href="dist/whirl.css" rel="stylesheet">
Y luego agregue la clase CSS esencial ' Whirl ' a un elemento HTML, junto con cualquiera de los nombres de la animación.
<div class="whirl Dúo"> ... </div>
Animaciones de carga soportadas.
- Tradicional
- Dúo
- doble
- Esfera
- Esfera-vertical
- Bar
- Bar-follow
- Línea
- Línea grow
- Línea back-and-forth
- Sombra
- Sombra oval/Sombra oval left
- Sombra oval right
- Anillado
- Hoja
- Helicóptero
Registro de cambios
09/23/2016
- v0.0.16
