Blocs viene con varias funciones de animación, sin embargo, Scroll FX son probablemente las más cautivadoras, ya que le permiten animar objetos en la pantalla y sincronizar esas animaciones con el desplazamiento de una página, este estilo de efecto de animación se conoce comúnmente como paralaje.
Aplicar Scroll FX
Aplicar efectos de desplazamiento de paralaje es increíblemente fácil en Blocs. Cuando se selecciona un elemento en el lienzo de diseño, varios controles fáciles de usar que le permiten establecer valores de animación clave para el elemento seleccionado están disponibles dentro del inspector de la barra lateral.
Eventos de entrada y salida
Scroll FX se divide en dos conjuntos de opciones principales, Desplazarse hacia adentro y Desplazarse hacia fuera. Desplazarse hacia adentro las opciones controlan cómo se anima un elemento a medida que la página se desplaza hacia abajo y el elemento aparece dentro vista. los Desplazarse hacia fuera Las opciones controlan cómo se anima un elemento a medida que la página se desplaza hacia arriba y el elemento va salir de vista.
Animación continua
Habilitar la opción continua evita la pausa menor de la animación que se produce cuando el elemento alcanza su posición original en la pantalla. Esto permite a los usuarios crear animaciones de paralaje fluidas y continuas. Para habilitar la opción continua, el objeto seleccionado debe tener aplicados eventos de desplazamiento hacia adentro y hacia afuera.
Retraso de desplazamiento
El campo de entrada de retraso le permite personalizar y establecer un valor de retraso en un elemento que tiene aplicada una animación FX de desplazamiento. El valor de retardo se mide en píxeles. Un valor más alto creará un retraso más largo.
Resistencia de desplazamiento
El campo de entrada de resistencia le permite controlar qué tan sensible es una animación de desplazamiento para el desplazamiento de los usuarios. El valor predeterminado es 10 y el valor más bajo admitido es 1. Los valores cero y negativos tendrán como valor predeterminado 10. Cuanto menor sea el valor, más rápida será la animación.
Recuerde, los efectos de desplazamiento de desplazamiento rara vez se verán cuando se apliquen al contenido en la mitad superior de la página (parte superior de un sitio), ya que rara vez se desplaza hacia adentro y, por lo general, solo se desplaza fuera de la vista.