16 cargadores de CSS3 animados-LoadLab

Tiempo de ejecución: 30 minutos. Empezar

Autor: CamdenFoucht
Views Total: 1,485
Sitio oficial: Ir a la web
Actualizado: August 21, 2018
Licencia: MIT

Vista prévia

16 cargadores de CSS3 animados-LoadLab

Descripción

Sin embargo, otra colección de CSS Loader que proporciona 16 animados cargando indicadores/Spinners basados en animaciones CSS3 y estructura HTML simple.

Funcionamiento

Incluya un cargador CSS de su elección en la sección head del documento HTML.

  • BT-Spinner. CSS
  • Circle-loader. CSS
  • cm-Spinner. CSS
  • DOT-loader. CSS
  • Heart-loader. CSS
  • HM-Spinner. CSS
  • Mesh-loader. CSS
  • ml-loader. CSS
  • multi-Spinner. CSS
  • NB-Spinner. CSS
  • Reverse-Spinner. CSS
  • Square-Spinner. CSS
  • Triforce-loader. CSS
  • triple-Spinner. CSS
<link href="BT-Spinner. CSS" rel="stylesheet">

Reemplace el tamaño predeterminado & color del cargador.

.bt-spinner {

width: 75px;

height: 75px;

border-radius: 50%;

background-color: transparent;

border: 2px solid #222;

border-top: 2px solid #03A9F4;

-webkit-animation: 1s spin linear infinite;

animation: 1s spin linear infinite;
}

Te puede interesar: