Shefarol Soluções Web

Animation - Voltar

Animações com DOM

As animações JavaScript são feitas programando mudanças graduais no estilo de um elemento.

As alterações são chamadas por um temporizador. Quando o intervalo do timer é pequeno, a animação parece contínua.

 

Exemplo do Javascript
function myMove() {
  let id = null;
  const elem = document.getElementById("animate");   
  let pos = 0;
  clearInterval(id);
  id = setInterval(frame, 5);
  function frame() {
    if (pos == 300) {
      clearInterval(id);
    } else {
      pos++; 
      elem.style.top = pos + "px"; 
      elem.style.left = pos + "px"; 
    }
  }
}