Animations Lottie

‍Les animations Lottie sont un moyen efficace d'ajouter des animations contextuelles et accrocheuses à vos designs. En plus d'une communauté dynamique sur lottiefiles.com, le format de fichier Lottie est couramment pris en charge par les outils d'animation, il est donc facile de transformer des animations provenant de presque n'importe quelle source en quelque chose qui fonctionne avec Sitely sur votre site web.

‍Les fichiers d'animation ont l'extension “.lottie” (également appelée “dotLottie”), ou l'extension ".json" pour les animations plus anciennes, c'est donc ce que vous rechercherez lors du téléchargement d'animations. Vous pouvez ensuite soit déposer le fichier dans le canevas de Sitely, soit ajouter l'élément d'animation, puis ajouter le fichier depuis l'inspecteur.

‍Même si une animation qui rebondit en continu peut être un peu excessive, elle peut fonctionner sur certaines pages spécifiques. Par exemple, une animation de bon goût a du sens sur une page de remerciement d'un formulaire de contact, ou dans une fenêtre contextuelle éphémère.

‍Les animations peuvent être configurées pour s'exécuter une fois ou en boucle, et pour boucler uniquement vers l'avant ou en va-et-vient. Vous pouvez régler la vitesse de lecture de l'animation.

‍L'animation Lottie peut également être configurée pour se lire lors du défilement ; dans ce cas, le contrôle de vitesse devient un multiplicateur de vitesse, afin de déterminer comment le défilement influe sur l'avancement de l'animation.

‍Les animations Lottie démarrent automatiquement lorsqu'elles sont visibles et s'arrêtent lorsqu'elles sortent du champ de vision lors du défilement. Cela fonctionne aussi avec les fenêtres contextuelles.

‍Voici une animation Lottie :