Pure CSS Single Element cargando indicador colección-Text-Spinners
| Autor: | tawian |
|---|---|
| Views Total: | 1,929 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 29, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
text-Spinners es una colección de 29 + CSS/CSS3 alimentado por un solo elemento indicador de carga para las solicitudes Ajax y/o operaciones asincrónicas.
Funcionamiento
Cargue el archivo CSS principal Spinners. CSS en el documento y estamos listos para ir.
<link rel="stylesheet" href="spinners.css">
Añada la clase CSS ' Loading ' a cualquier elemento donde desee colocar el indicador de carga.
<span class="loading"></span>
Eso es todo. Esto mostrará un efecto de carga ' Ellip ' por defecto dentro del elemento span. Aquí está una lista de las clases CSS de las cuales usted puede elegir los efectos de carga.
- Ellip (predeterminado)
- Puntos
- Puntos2
- Puntos3
- Línea
- Línea2
- Más
- Elevación
- Hamburguesa
- Bar
- Bar2
- circunferencia
- Open-Circle
- Flecha
- Triángulo
- Triángulos
- rayo
- Bala
- Bullseye
- Rombo
- Pescado
- Alternar
- Cuenta regresiva
- hora
- Corazones
- Tierra
- Luna
- Mono
- Palabras
<span class="loading dots"></span>
