Efeitos de transição e morphing
No WebAcappella, você pode criar transições para animar a passagem entre duas páginas. Cada transição recebe um nome livre: é simplesmente uma etiqueta que permite encontrá-la em suas configurações.
Existem dois casos de uso:
1. Efeito básico: morphing entre dois elementos
- Crie uma nova transição e dê a ela um nome explícito (por exemplo, Logotipo do cabeçalho).
- Associe esse nome a um componente na página 1 e ao componente correspondente na página 2.
- Ao mudar de página, o WebAcappella aplica um morphing fluido entre esses dois elementos (exemplo: um logotipo centralizado e largo na página inicial que se reduz no cabeçalho da página seguinte).
Este efeito cria uma impressão de continuidade visual e torna a navegação mais agradável.
2. Efeito de animação para um elemento idêntico
- Alguns elementos mantêm a mesma aparência de uma página para outra (por exemplo, um botão de navegação, um ícone, uma imagem fixa).
- Se você atribuir uma transição a eles, o WebAcappella não realiza um morphing, mas aplica um efeito de animação de acompanhamento (como um fade ou um aparecimento).
- Isso evita uma interrupção brusca e adiciona fluidez à transição entre páginas.
Esse uso é particularmente adequado para elementos de navegação ou blocos repetidos.
Tip
- Escolha nomes claros para suas transições, a fim de facilitar a localização. - Use o morphing com moderação para seus elementos-chave (logotipo, títulos, imagens principais). - Combine morphing e animações de acompanhamento para obter transições elegantes e coerentes.
Note
Demonstração de transição em 2 páginas: