Sobre parallax y animaciones, unas cuantas dudas de novato

[Rafael]

Básicamente son tres partes.

1) Una animación CSS comienza al cargarse la página, a partir de ahí comienza el contador que le hayas puesto a tu css.

2) Para que una animación comience no al cargar la página, sino al momento que hagas scroll y veas el elemento, la página tiene que detectar dónde está el scroll, y esto no lo haces con Css, sino con un JavaScript. Este JavaScript detecta la posición del scroll.

3) A partir de ahí puede suceder por ejemplo una cosa. Que en ese momento el JavaScript asigne la animación. Entonces la animación no va a existir antes, por ejemplo tu animación debería estar en un class:

<div class="Anim">

Bueno, la cosa es que este class no esté desde el principio, <div class=""> sino con el JavaScript cuando esté en la posición scroll correcta Pum, le pone el class="Anim" y entonces comienza la animación.

Más o menos por ahí va la cosa. Esa es una opicópn de varias.

Pero de ahí tendrás que buscar que juego de JavaScript+Css te gusta más.