Cómo utilizar la animación en desplazamiento en diseño web

La animación en desplazamiento es el efecto básico de cargar y desplazarse por páginas web. Puede agregarlo seleccionando un elemento y luego yendo al Panel de propiedades. Haga clic en el enlace On Scroll y marque la casilla de verificación Animación. Seleccione un ajuste preestablecido y personalice el efecto de desplazamiento si es necesario. Obtenga una vista previa para ver la animación en el efecto de desplazamiento.
Animación en desplazamiento

Navegar por categorías de funciones

Efecto de animación de desvanecimiento

El efecto Fundido es una transición estilística en la que un elemento, como una imagen, texto o fondo, desaparece gradualmente y vuelve a aparecer en la página web.

Efecto de animación de diapositivas

Agregue el efecto si desea que su elemento se mueva gradualmente de un punto a otro en una dirección particular en la carga o el desplazamiento de la página.

Efecto de animación de zoom

El efecto de zoom es la transición de apariencia gradual al cambiar el tamaño de un elemento. Permite cerrar un elemento en la carga o el desplazamiento de una página web.

Efecto de animación de volteo

Aplique el efecto Voltear para implementar la semirrotación de un Elemento, por lo que puede ver tanto el anverso como el reverso del Elemento actual. Puede elegir el polo abatible por el eje X o el eje Y.

Efecto de animación de rebote

Utilice el efecto de animación de rebote para hacer que el elemento se mueva hacia abajo, hacia arriba y hacia abajo rápidamente de nuevo al desplazarse por la página.

Gire el efecto de animación

El efecto Rotar define una transformación que rota un elemento alrededor de un punto fijo en la página sin deformación.

Efecto de animación de caja

The Box, o Jack In The Box, crea un efecto de transición que imita un popular movimiento de juguete de broma. Comienza con el desvanecimiento central hacia adentro y continúa con sacudidas de un lado a otro.

Efecto de animación flash

La animación flash, también asociada con el parpadeo, también es popular para atraer la atención de los visitantes. Aparece como una serie de transiciones de aparición y desaparición gradual con el acento en el estado opaco del objeto o texto animado.

Efecto de animación de bisagra

Con el efecto de bisagra, un elemento gira o hace que se dé la vuelta con un movimiento rápido y repentino que se detiene en el punto de una bisagra imaginable. Esta transición natural puede agregar sorpresa a la interacción en su diseño web.