Quiero mover los tres puntitos consecutivamente
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>