Effetti di transizione e morphing

In WebAcappella è possibile creare transizioni per animare il passaggio tra due pagine. A ogni transizione viene assegnato un nome libero: si tratta semplicemente di un'etichetta che consente di ritrovarla nelle impostazioni.

Esistono due casi d'uso:

1. Effetto di base: morphing tra due elementi

• Crea una nuova transizione e assegnale un nome esplicito (ad esempio Logo intestazione).
• Associa questo nome a un componente nella pagina 1 e al componente corrispondente nella pagina 2.
• Quando si cambia pagina, WebAcappella applica un morphing fluido tra questi due elementi (esempio: un logo centrato e largo sulla home page che si riduce nell'intestazione della pagina successiva).

Questo effetto crea un'impressione di continuità visiva e rende la navigazione più piacevole.

2. Effetto di animazione per un elemento identico

• Alcuni elementi mantengono lo stesso aspetto da una pagina all'altra (ad esempio un pulsante di navigazione, un'icona, un'immagine fissa).
• Se si assegna loro una transizione, WebAcappella non esegue il morphing, ma applica invece un effetto di animazione di accompagnamento (come una dissolvenza o un'apparizione).
• Ciò evita un taglio brusco e aggiunge fluidità al passaggio di pagina.

Questo utilizzo è particolarmente adatto agli elementi di navigazione o ai blocchi ripetuti.

Guarda la demo