Zero Block : Animation de déclenchement
Comment configurer l'animation d'un élément déclenché par un clic ou un survol d'un autre élément
Commencer
Les déclencheurs font partie d'une animation pas à pas. Pour travailler avec l'animation de déclencheur, vous devez apprendre les bases de l'animation étape par étape à partir de ce guide :
Pour créer une animation de déclenchement, vous devez commencer à configurer une animation étape par étape. Pour ce faire, ouvrez les paramètres de l’élément et cliquez sur Ajouter dans la section « Animation étape par étape ».
Sélectionnez le type d'événement pour lequel vous souhaitez déclencher l'animation. L'animation de déclenchement ne peut fonctionner qu'au survol ou au clic.
Cliquez sur Ajouter un déclencheur et sélectionnez un élément dans Zero Block que vous souhaitez déclencher l’animation. L’animation démarre après avoir cliqué ou survolé cet élément.
Après avoir sélectionné un déclencheur, ajoutez des étapes d'animation. Par exemple, nous avons ajouté le déplacement de la forme de 300px vers la droite sur un clic de bouton.
CLIQUEZ ICI!
Comment tester une animation de déclenchement dans votre navigateur
En plus des boutons « Play Element » et « Play All », Tilda vous permet de prévisualiser votre animation dans le navigateur.
Ouvrez deux onglets dans votre navigateur : Zero Block et la même page en mode Aperçu.
De cette façon, vous pouvez observer toutes les modifications que vous apportez dans Zero Block en les prévisualisant dans le deuxième onglet. Pour que les modifications apparaissent sur la page, actualisez la page d’aperçu.
Ouvrez deux onglets dans votre navigateur : Zero Block et la même page en mode Aperçu.
De cette façon, vous pouvez observer toutes les modifications que vous apportez dans Zero Block en les prévisualisant dans le deuxième onglet. Pour que les modifications apparaissent sur la page, actualisez la page d’aperçu.
