Skip to main content
5 de 5
se eliminaron 31 caracteres en el cuerpo; título editado
information
  • 6.5k
  • 3
  • 25
  • 43

Movimiento de tres puntitos

Quiero mover los tres puntitos consecutivamente

introducir la descripción de la imagen aquí

pero no se mueven verticalmente, logre moverlos horizontalmente

encontre lo que quiero pero con css https://codepen.io/mattonit/pen/vLoddq

se puede con javascript?

let rootElements = document.querySelectorAll("div.dot");
let i = 0;

setInterval(() => {
  i++;
  if (i % 10 > 2) {
    i = 0;
  }
  rootElements[i % 10].style.margin = "0px";
  for (let j = 0; j < rootElements.length; j++) {
    if (j !== i) {
      rootElements[j].style.margin = "-1px";
    }
  }
}, 500);
.dot {
  display: inline-block;
  margin: -1px;
}
<div>
  <div class="dot">⚫</div>
  <div class="dot">⚫</div>
  <div class="dot">⚫</div>
</div>

information
  • 6.5k
  • 3
  • 25
  • 43