Puntos Saltarines
Categoría: Loaders
Loader con puntos que saltan
Vista Previa:
📚 Explicación del Efecto:
Tres puntos con animaciones de salto con diferentes retardos para crear un efecto de onda.
Código Exportable
CSS
HTML
.loader-puntos {
display: flex;
justify-content: center;
gap: 5px;
margin: 20px 0;
}
.loader-puntos div {
width: 15px;
height: 15px;
background: #667eea;
border-radius: 50%;
animation: saltar 0.6s infinite alternate;
}
.loader-puntos div:nth-child(2) {
animation-delay: 0.2s;
}
.loader-puntos div:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes saltar {
to { transform: translateY(-20px); }
}<div class="loader-puntos">
<div></div>
<div></div>
<div></div>
</div>