Sal

Sal is een lichte scrollanimatie-library die is gericht op prestaties. Hiermee voegt u eenvoudig dynamische animaties toe aan webelementen zodra ze in beeld komen. De library is minder dan 2.8 kb groot en heeft geen afhankelijkheden, voor een gestroomlijnde gebruikerservaring.

Sal is gebouwd met de Intersection Observer API. Daarmee detecteert het efficiënt wanneer elementen zichtbaar zijn op het scherm en activeert het de bijbehorende animaties. Deze API zorgt voor optimale prestaties en vermindert de overhead van het volgen van scrollgebeurtenissen aanzienlijk.

Integratie is eenvoudig: voeg een `data-sal`-attribuut toe aan HTML-elementen om het gewenste animatie-effect in te stellen. U kunt opties zoals duur, vertraging en easing aanpassen met extra data-attributen of CSS-variabelen, zodat u volledige controle hebt over het animatiegedrag. Ondersteunde effecten zijn onder meer vervagen, schuiven, zoomen en omdraaien.

Sal biedt ook geavanceerde functies. U kunt opties na de initialisatie wijzigen, zodat de animaties zich aanpassen aan de gebruiker. Er is ondersteuning voor eventlisteners die reageren wanneer elementen in of uit beeld komen. Daardoor is Sal geschikt voor interactieve applicaties die in realtime reageren op scrollgedrag.