Ajouter des animations sur les lignes, les colonnes et les modules

Dans l’Éditeur, vous pouvez ajouter des animations à n’importe quel élément de votre site internet. Les éléments animés peuvent être utilisés pour créer un graphisme plus engageant ou pour aider à concentrer l’attention des visiteurs sur un élément spécifique dont vous voulez qu’il se démarque.

 

Comment ajouter une animation

Pointez sur n’importe quelle étiquette de ligne, colonne ou module et trouvez l’option Ajouter une animationdans le menu déroulant.

add-animation2__1_.png

Cliquez sur l’un des types d’animations (voir exemples ci-dessous) pour l’ajouter à votre élément. Une fois ajouté, l’Éditeur déclenche l’animation une fois pour vous montrer de quoi ça a l’air.

 

Types d’animations

Pour ajouter une animation, vous pouvez choisir parmi les types suivants:

Estompage

Fade_In.gif

 

Estomper à gauche

Fade_In_Left.gif

 

Estomper à droite

Fade_In_Right.gif

 

Estompage ascendant

Fade_In_Up.gif

 

Zoomer

Zoom_In.gif

 

Retournement

Flip_In.gif

 

Rebondir

Bounce_In.gif

 

Établir la vitesse et le délai

Si vous souhaitez ajouter un peu de personnalisation à vos animations, vous pouvez le faire en ajustant la vitesse et le délai. Trouvez ces options pour n’importe quelle ligne, colonne ou n’importe quel module dans le menu Graphisme > Animation.

custom-ani__1_.png  

La Vitesse d’animation définit à quelle rapidité (en millisecondes) vous souhaitez que l’animation s’exécute à partir du moment où elle commence jusqu’au moment où elle s’achève. Par défaut, toutes les animations sont paramétrées avec une vitesse de 800 millisecondes (0.8 secondes).

En établissant un Délai d’animation, vous pouvez définir un "écart" entre le moment où le visiteur voit l’élément surs son navigateur et le moment où l’animation débute. Par défaut, le délai est établi à 0 millisecondes sur toutes les animations, signifiant qu’elles s’exécutent instantanément quand le visiteur voit l’élément.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0