Cómo usar los ajustes preestablecidos de animación en el diseño web

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.

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.

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.

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.

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.

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.

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.

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.

El efecto Fade 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. Puede configurar el efecto de fundido seleccionando un elemento y eligiendo la animación en desplazamiento en el panel de propiedades.

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.