<!DOCTYPE html>
<html>
<head>
<style>
@keyframes bouncing-loader { to { opacity: 0.1;
transform: translate3d(0, -1rem, 0);
}
}
.bouncing-loader { display: flex;
justify-content: center;
}
.bouncing-loader > div { width: 1rem;
height: 1rem;
margin: 3rem 0.2rem;
background: #8385aa;
border-radius: 50%;
animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s;
}
</style>
</head>
<body>
<div class="bouncing-loader">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: 1 (0)
No hay comentarios