Sal

Sal es una biblioteca ligera de animaciones de desplazamiento, centrada en el rendimiento, que facilita añadir animaciones dinámicas a los elementos web cuando entran en el área visible. Con un tamaño inferior a 2.8 kb, funciona sin dependencias y ofrece una experiencia de usuario más ágil.

Desarrollada con la API Intersection Observer, Sal detecta de forma eficiente cuándo los elementos están visibles en pantalla y activa las animaciones correspondientes. Esta API ofrece un rendimiento óptimo y reduce considerablemente la sobrecarga de supervisar los eventos de desplazamiento.

La integración es sencilla: basta con añadir el atributo `data-sal` a los elementos HTML para especificar el efecto de animación deseado. Se pueden personalizar opciones como la duración, el retraso y la aceleración mediante atributos de datos adicionales o variables CSS, lo que ofrece un control total sobre el comportamiento de la animación. Entre las animaciones disponibles se incluyen efectos de desvanecimiento, deslizamiento, zoom y giro, entre otros.

Sal también ofrece funciones avanzadas que permiten modificar las opciones después de la inicialización, lo que facilita adaptar el comportamiento a las interacciones del usuario. Además, admite detectores de eventos para controlar cuándo los elementos entran o salen del área visible, por lo que resulta adecuada para aplicaciones interactivas que requieren respuestas en tiempo real al desplazamiento del usuario.