Utilisation d’animations sur votre site Website Builder
Vous souhaitez donner un coup de pouce visuel au contenu de votre site web ? Essayez d’ajouter des animations à votre site !
Grâce aux animations, vous pouvez insuffler de la vie à votre site Website Builder grâce à des effets visuels engageants. Il suffit d’ouvrir les Paramètres d’un composant, de sélectionner un effet d’animation et de l’Aperçu immédiatement. Chaque composant peut avoir sa propre animation, que vous pouvez personnaliser pour l’adapter à votre style, vous offrant ainsi d’innombrables possibilités pour ajouter une touche personnelle et faire véritablement ressortir votre site Website Builder.
- Pourquoi devrais-je utiliser des animations sur mon site web ?
- Ajouter des animations à vos composants de Website Builder
Pourquoi devrais-je utiliser des animations sur mon site web ?
Les animations peuvent être utilisées de différentes manières et à de nombreuses fins. Vous pouvez les utiliser pour attirer l’attention sur des éléments spécifiques ou encourager l’interaction avec des éléments (tels que des boutons ou des liens vers des réseaux sociaux). Vous pouvez également les utiliser de manière créative pour rendre le contenu de votre site web plus vivant et attrayant. Quelle que soit l’approche, les animations sont un moyen puissant de créer un site web personnel et professionnel.
Vous souhaitez voir certains des effets en action ? Jetez un œil au GIF ci-dessous. Sur ce site, nous avons ajouté différents effets aux textes, boutons et blocs.
Ajouter des animations à vos composants de Website Builder
Vous pouvez ajouter des animations aux composants suivants de Website Builder :
- Texte
- Images
- Zones et blocs
- Boutons
- Icônes
- Icônes de réseaux sociaux
- Logos
Vous pouvez accéder aux Paramètres d’animation en cliquant sur l’onglet Modifier qui apparaît en haut ou en bas d’un composant lorsque vous cliquez dessus.
Voici un exemple dans lequel nous ajoutons des effets d’animation à un texte :
- Sélectionnez le composant et cliquez sur Éditer le texte en haut ou en bas de celui-ci.
- Cliquez sur Animation dans le menu flottant.
- Faites glisser le bouton Ajouter des animations sur ON.
- Sous Effet d’animation, vous pouvez sélectionner un effet dans le menu déroulant. Choisissez entre Fondu entrant, Glissement entrant ou Rebondir.
- Si vous sélectionnez Fondu entrant ou Glissement entrant, vous avez également la possibilité de choisir une direction d’animation. Il s’agit de la direction à partir de laquelle l’animation apparaîtra à l’écran. Dans le menu déroulant, vous pouvez choisir entre centre, haut, bas, gauche ou droite.
- Vous pouvez choisir la vitesse de l’animation. Elle peut être rapide (300 ms), moyenne (600 ms) ou lente (1000 ms).
- Choisissez s’il doit y avoir un délai, et, dans l’affirmative, la durée du délai choisi.
- Sauvegardez vos modifications et vérifiez l’animation dans l’Aperçu. Elle ne sera pas lue dans l’éditeur.
- Répétez le processus ci-dessus avec d’autres composants où vous souhaitez ajouter des animations.
Note: Une animation ne sera jouée qu’une seule fois par chargement de page. Cela signifie également qu’elle ne sera plus affichée si un visiteur du site web fait défiler la page.
Articles liés :