Consulta Js

[GreenKhulta]

Buenas.

podrias hacerlo con js detectando si los elementos a animar se encuentran dentro del viewport:

Código Javascript:

var elem = document.querySelector(".elementoQueQuieras");
 
function inViewport () {
 
  //detecta si esta dentro del viewport
 
  if (elem.getBoundingClientRect().top < window.innerHeight){
 
    //disparar la animación
 
  }
}
 

esta funcion deberia ser ejecutada una vez cargada la pagina y cuando el usuario hace scroll:

Código Javascript:

window.onload = inViweport;
 
window.onscroll = inViewport;