Efectos de transición y morphing
En WebAcappella, puede crear transiciones para animar el paso entre dos páginas. Cada transición recibe un nombre libre: se trata simplemente de una etiqueta que le permite encontrarla en su configuración.
Existen dos casos de uso:
1. Efecto básico: morphing entre dos elementos
- Cree una nueva transición y asígnele un nombre explícito (por ejemplo, Logotipo de cabecera).
- Asocie este nombre a un componente de la página 1 y al componente correspondiente de la página 2.
- Al cambiar de página, WebAcappella aplica un morphing fluido entre estos dos elementos (ejemplo: un logotipo centrado y amplio en la página de inicio que se reduce en el encabezado de la página siguiente).
Este efecto crea una impresión de continuidad visual y hace que la navegación sea más agradable.
2. Efecto de animación para un elemento idéntico
- Algunos elementos conservan el mismo aspecto de una página a otra (por ejemplo, un botón de navegación, un icono, una imagen fija).
- Si les asignas una transición, WebAcappella no realiza un morphing, sino que aplica un efecto de animación de acompañamiento (como un fundido o una aparición).
- Esto evita un corte brusco y añade fluidez al paso de página.
Este uso es especialmente adecuado para elementos de navegación o bloques repetidos.
Tip
- Elija nombres claros para sus transiciones para poder encontrarlas fácilmente. - Utilice el morphing con moderación para sus elementos clave (logotipo, títulos, imágenes principales). - Combine el morphing y las animaciones complementarias para obtener transiciones elegantes y coherentes.
Note
Demostración de transición en 2 páginas: