Lujo de tres puntos Spinners de carga con CSS puro-tres puntos

Vista prévia

Descripción

Tres puntos es una pequeña biblioteca CSS/CSS3 que proporciona un conjunto de 20 Fancy Spinners de carga animados creado con tres puntos.

Puede implementar los Spinners de carga con un solo elemento como DIV.

See also:

• 10 mejor carga Spinner/indicador bibliotecas 2018

Funcionamiento

Instale & descargar la biblioteca de tres puntos a través de NPM:

# NPM
$ npm install three-dots --save

O inserte directamente la hoja de estilos Three-DOTS. min. CSS en la sección Head del documento.

<link rel="stylesheet" href="css/three-dots.min.css">

Agregue el tipo de animación de su elección al elemento donde desea mostrar el Spinner de carga.

<div class="dot-elastic"></div>

<div class="dot-pulse"></div>

<div class="dot-flashing"></div>

<div class="dot-collision"></div>

<div class="dot-revolution"></div>

<div class="dot-carousel"></div>

<div class="dot-typing"></div>

<div class="dot-windmill"></div>

<div class="dot-bricks"></div>

<div class="dot-floating"></div>

<div class="dot-fire"></div>

<div class="dot-skin"></div>

<div class="dot-falling"></div>

<div class="dot-sketching"></div>

Registro de cambios

01/07/2019

• v0.1.2

12/28/2018

• v0.1.1

06/23/2018

• Añadida nueva animación

06/20/2018

• Se agregó animación de punto-laminado

06/16/2018

• Añadir animación DOT-Fire

06/14/2018

• Las variables de códigos mejoradas y el formato

06/13/2018

• Añadir nuevas animaciones experimentales &

06/12/2018

• Añadir animación DOT-spin