Sal

Sal est une bibliothèque légère d'animations au défilement, axée sur les performances, qui permet d'animer facilement les éléments de vos pages web lorsqu'ils entrent dans la fenêtre d'affichage. Avec une taille de paquet inférieure à 2.8 kb, elle fonctionne sans dépendances et garantit une expérience utilisateur fluide.

Basée sur l'API Intersection Observer, Sal détecte efficacement quand les éléments sont visibles à l'écran et déclenche les animations correspondantes. Cette API offre des performances optimales et réduit considérablement la surcharge liée à la surveillance des événements de défilement.

L'intégration est simple : il suffit d'ajouter un attribut `data-sal` aux éléments HTML pour définir l'effet d'animation souhaité. La durée, le délai et la fonction d'accélération peuvent être personnalisés à l'aide d'attributs de données supplémentaires ou de variables CSS, pour un contrôle complet du comportement des animations. Les animations prises en charge comprennent notamment les effets de fondu, de glissement, de zoom et de retournement.

Sal propose également des fonctionnalités avancées qui permettent de modifier les options après l'initialisation et d'adapter le comportement aux interactions de l'utilisateur. La bibliothèque prend en charge les écouteurs d'événements qui détectent l'entrée et la sortie des éléments de la fenêtre d'affichage. Elle convient ainsi aux applications interactives qui nécessitent un retour en temps réel sur le défilement de l'utilisateur.