Effets de transition et morphing

Dans WebAcappella, vous pouvez créer des transitions pour animer le passage entre deux pages. Chaque transition reçoit un nom libre : c’est simplement une étiquette qui vous permet de la retrouver dans vos réglages.

Deux cas d’utilisation existent :

1. Effet de base : morphing entre deux éléments

• Créez une nouvelle transition et donnez-lui un nom explicite (par exemple Logo entête).
• Associez ce nom à un composant sur la page 1 et au composant correspondant sur la page 2.
• Lors du changement de page, WebAcappella applique un morphing fluide entre ces deux éléments (exemple : un logo centré et large sur la page d’accueil qui se réduit dans l’entête de la page suivante).

Cet effet crée une impression de continuité visuelle et rend la navigation plus agréable.

2. Effet d’animation pour un élément identique

• Certains éléments conservent le même aspect d’une page à l’autre (par exemple un bouton de navigation, une icône, une image fixe).
• Si vous leur assignez une transition, WebAcappella n’effectue pas de morphing mais applique à la place un effet d’animation d’accompagnement (comme un fondu ou une apparition).
• Cela évite une coupure brutale et ajoute de la fluidité au passage de page.

Cet usage est particulièrement adapté aux éléments de navigation ou aux blocs répétés.

Voir la démo