Sal

Sal är ett prestandafokuserat och lättviktigt bibliotek för rullningsanimationer som gör det enkelt att lägga till dynamiska animationer på webbelement när de kommer in i visningsområdet. Med en minimal paketstorlek på mindre än 2.8 kb fungerar det utan beroenden och ger en smidig användarupplevelse.

Sal bygger på Intersection Observer API, som effektivt känner av när element är synliga på skärmen och startar animationer därefter. API:et ger optimal prestanda och minskar avsevärt den belastning som uppstår när rullningshändelser övervakas.

Integrationen är enkel: genom att lägga till attributet `data-sal` på HTML-element kan utvecklare ange önskad animationseffekt. Alternativ som varaktighet, fördröjning och övergång kan anpassas med ytterligare dataattribut eller CSS-variabler, vilket ger full kontroll över animationernas beteende. Bland animationerna finns bland annat toning, glidning, zoomning och vändning.

Sal har även avancerade funktioner som gör det möjligt att ändra alternativ efter initiering, vilket ger flexibilitet och anpassning efter användarinteraktioner. Biblioteket stöder händelselyssnare för när element kommer in i eller lämnar visningsområdet, vilket gör det lämpligt för interaktiva applikationer som behöver ge återkoppling i realtid på användarens rullning.