Les animations Lottie sont un moyen efficace d’ajouter un peu de fantaisie à vos créations. En plus de profiter d’une communauté très active surlottiefiles.com, le format de fichier Lottie est habituellement pris en charge par les outils d’animation, il est donc facile de transformer des animations de presque n’importe quelle source en un élément qui fonctionne avec Sparkle dans votre site Web.

Les fichiers d’animation possèdent une extension « .json », ce sont donc ceux qui vous intéressent lorsque vous téléchargez des animations. Vous pouvez ensuite déposer le fichier dans le canevas Sparkle ou ajouter l’élément d’animation, puis ajouter le fichier à partir de l’inspecteur.

Bien qu’une animation rebondissante permanente puisse être un peu trop prenante, elle peut fonctionner dans certaines pages spécifiques. Par exemple, une animation de bon goût est pertinente sur une page de remerciement d’un formulaire de contact, ou dans une fenêtre contextuelle de courte durée.

L’animation peut être configurée pour être exécutée une seule fois ou en boucle, et pour s’afficher uniquement dans le sens normal ou inverse. Vous pouvez configurer la vitesse de lecture de l’animation.

L'animation Lottie peut également être configurée pour être jouée pendant le défilement, et dans ce cas, le contrôle de la vitesse de l'animation deviendra un multiplicateur de vitesse, afin de contrôler la façon dont le défilement affecte l'avancement de l'animation.

Les animations Lottie démarrent automatiquement lorsqu’elles sont visibles et s’arrêtent lorsqu’elles disparaissent de l’affichage. Cela fonctionne également avec les fenêtres contextuelles.

Voici une animation Lottie :