Cómo agregar la animación de fundido en el desplazamiento

Suponga que los efectos de animación estándar son demasiado pequeños para la idea de su sitio web y necesita mezclar varios efectos de animación para lograr el resultado deseado. Puede controlar completamente las propiedades disponibles para los ajustes preestablecidos de animación personalizables. Y solo elija los ajustes preestablecidos de animación prediseñados de la biblioteca con un ajuste mínimo. Puede ir al Panel de propiedades y personalizar todas las propiedades de los efectos Fundido, Mover, Zoom, Rodar, Rotar y Espiral.

Utilice el efecto de animación de rebote para hacer que el elemento se mueva hacia abajo, hacia arriba y hacia abajo rápidamente al desplazarse por la página. Puede habilitar la Animación de rebote en desplazamiento haciendo clic en el ajuste preestablecido correspondiente en la sección Animación en desplazamiento del Panel de propiedades.

Puede usar los ajustes preestablecidos de Animación en desplazamiento. Y hay dos tipos de ellos: Ajustes preestablecidos de animación personalizables, cuyas propiedades puede editar por completo, Ajustes preestablecidos de animación prediseñados, que solo puede elegir de la Biblioteca y tienen un ajuste mínimo.

Aplique el efecto Voltear para implementar la semi-rotación de un elemento, por lo que puede ver tanto el anverso como el reverso del elemento actual. Puede elegir el polo basculante ya sea por el eje X o el eje Y. Puede seleccionar un Elemento y luego el Ajuste preestablecido de volteo para la Animación al desplazarse en el Panel de propiedades.

El Efecto Rotar define una transformación que rota un elemento alrededor de un punto fijo en la página sin la deformación. Este efecto también está disponible como ajuste preestablecido, que puede encontrar en la sección Animación al desplazarse del Panel de propiedades.

Hoy en día, muchos sitios web tienen elementos animados que se utilizan para atraer la atención aumentando las visitas, mejorando la marca y agregando la singularidad de los sitios web. Nicepage permite a los diseñadores web, profesionales y novatos, crear bloques ricos en animaciones sin codificación. Puede habilitar la propiedad Animación en bucle en el Panel de propiedades para agregar animación e interacción a su sitio web, trayendo el poder de JavaScript y CSS al editor visual de sitios web.

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 y continúa con temblores de un lado a otro.

Con el Efecto Bisagra, un Elemento gira o hace girar con un movimiento repentino y rápido deteniéndose en el punto de una bisagra imaginable. Esta transición natural puede agregar sorpresa a la interacción en su diseño web.

Agregue el efecto si desea que su elemento se mueva gradualmente de un punto a otro en una dirección particular al cargar o desplazarse por la página. Especifique el efecto de diapositiva agregando, eligiendo un elemento y luego haciendo clic en el ajuste preestablecido de diapositiva en la sección Animación en desplazamiento del Panel de propiedades.

El efecto de zoom es la transición de apariencia gradual al cambiar el tamaño de un elemento. Permite cerrar un elemento al cargar o desplazarse por la página web.

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.