Spinner de carga estilo iOS con Pure CSS-ispinner

Vista prévia

Descripción

ispinner es una biblioteca de CSS ligera que le ayuda a mostrar un estilo de iOS animado indicador de carga mientras se cargan los datos en el área específica.

Funcionamiento

Vincule el ispinner. CSS en su documento HTML copiando el siguiente código en su sitio.

<link href="ispinner.css" rel="stylesheet">

Crea un Spinner de carga gris animado.

<div class="ispinner gray animating">

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>
</div>

Crea un Spinner de carga blanco animado en gran tamaño.

<div class="ispinner white large animating">

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>

<div class="ispinner-blade"></div>
</div>

Registro de cambios

v1.2.2 (01/28/2019)

• Agregar cambiará para mejorar el rendimiento de la animación.

08/05/2018

• actualizar