12 + puro CSS/SCSS cargando indicadores-SpinThatShit

Tiempo de ejecución: 30 minutos. Empezar

Autor: MatejKustec
Views Total: 4,650
Sitio oficial: Ir a la web
Actualizado: September 13, 2018
Licencia: MIT

Vista prévia

12 + puro CSS/SCSS cargando indicadores-SpinThatShit

Descripción

SpinThatShit es un conjunto de 12 + puro elemento único CSS de carga Spinners que se puede utilizar para indicar el estado de carga de contenido de una manera elegante. Totalmente personalizable a través de SCSS.

Funcionamiento

Instale el SpinThatShit en su proyecto Web.

npm install spinthatshit
bower install SpinThatShit

Cree un elemento DIV donde desee colocar el Spinner de carga.

<div class="loader01"></div>
<div class="loader02"></div>
...
<div class="loader12"></div>

Personalice los Spinners de carga en el _ variables. SCSS .

$loader-color:







#0052ec;
$loader-size:







 56px;
$loader-height:






 20px;
$loader-border-size:




8px;
$loader-gap:








12px;
$loader-animation-duration:
 1s;

Registro de cambios

09/13/2018

  • fija con la función ID única para los fotogramas clave

Te puede interesar: