Sal

Sal è una libreria leggera per animazioni di scorrimento, progettata per offrire prestazioni elevate e aggiungere facilmente animazioni dinamiche agli elementi web quando entrano nell’area visibile. Con un pacchetto di meno di 2.8 kb, non richiede dipendenze e garantisce un’esperienza utente essenziale.

Basata sull’Intersection Observer API, Sal rileva in modo efficiente quando gli elementi sono visibili sullo schermo e attiva le animazioni di conseguenza. Questa API offre prestazioni ottimali, riducendo notevolmente il carico associato al monitoraggio degli eventi di scorrimento.

L’integrazione è semplice: basta aggiungere l’attributo `data-sal` agli elementi HTML per specificare l’effetto di animazione desiderato. È possibile personalizzare opzioni come durata, ritardo e andamento tramite ulteriori attributi data o variabili CSS, ottenendo il pieno controllo sul comportamento dell’animazione. Tra le animazioni supportate ci sono effetti di dissolvenza, scorrimento, zoom e rotazione.

Sal offre anche funzionalità avanzate che consentono di modificare le opzioni dopo l’inizializzazione, adattando il comportamento alla risposta dell’utente. Supporta inoltre gli event listener per gestire l’ingresso e l’uscita degli elementi dall’area visibile, risultando adatta alle applicazioni interattive che richiedono un riscontro in tempo reale sull’attività di scorrimento dell’utente.