Efeitos de transição e de transformação¶
No WebAcappella, você pode criar transições para animar a transição entre duas páginas. Cada transição recebe um nome livre: trata-se simplesmente de um rótulo que você pode usar para localizá-la em suas configurações.
Há duas aplicações possíveis:
1. Efeito básico: transformação entre dois elementos¶
Crie uma nova transição e dê a ela um nome explícito (por exemplo, Cabeçalho do logotipo).
Associe esse nome a um componente na página 1 e ao componente correspondente na página 2.
Quando a página muda, o WebAcappella aplica uma morfologia fluida entre esses dois elementos (exemplo: um logotipo grande e centralizado na página inicial que diminui no cabeçalho da página seguinte).
Esse efeito cria uma sensaçã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 estática).
Se você atribuir a eles uma transição, o WebAcappella não os transformará, mas aplicará um efeito de animação complementar (como um fade ou uma aparência).
Isso evita um corte rígido e adiciona fluidez à transição da página.
Esse uso é particularmente adequado para elementos de navegação ou blocos repetidos.
Dica
Escolha nomes claros para suas transições para que você possa se orientar facilmente.
Use a transformação com moderação para seus elementos principais (logotipo, títulos, imagens principais).
Combine a transformação e as animações que a acompanham para criar transições elegantes e coerentes.
Nota
Demonstração de transição de 2 páginas