Animaciones
Animaciones al hacer scroll
La pieza entra cuando se ve, o avanza a medida que la persona baja por la página.
Hay dos formas. La simple: una entrada de la galería, que corre cuando la pieza aparece al scrollear. La a medida: una animación con keyframes que avanza con el scroll, para adelante y para atrás.
Que aparezca al scrollear (la simple)
Elegí la pieza.
Abrí Interacciones y tocá + Agregar interacción.
Elegí Al aparecer y Animación de la galería, y una de las de entrada, por ejemplo Subir.
En la tarjeta, poné Corre en Una vez o en Cada vez si querés que se repita.
Que avance con el scroll (a medida)
En Interacciones, tocá + Agregar interacción, elegí Al scrollear y Animación con keyframes.
En la tarjeta, Arranca ya queda en Con el scroll.
En Empieza cuando y Termina cuando elegí los puntos del recorrido.
En la línea de tiempo, el tiempo pasa a ser un porcentaje: Empieza, 50%, Termina. Armá los keyframes ahí.
Para simularlo en el lienzo, usá Alt + ruedita sobre la pantalla.
Los puntos del recorrido
- asoma por abajo
- La pieza empieza a entrar por el borde de abajo de la pantalla.
- entra entera
- Ya se ve completa.
- llega al medio
- Está en el centro de la pantalla.
- empieza a salir
- Empieza a irse por arriba.
- sale por arriba
- Ya salió del todo.
Ejemplo
Una imagen que se agranda mientras bajás
Creá una animación con keyframes, Arranca en Con el scroll, Empieza cuando «asoma por abajo» y Termina cuando «llega al medio». En el keyframe de Empieza dejá la imagen chica; en Termina, grande.