Sal

Sal adalah pustaka animasi scroll ringan yang berfokus pada performa dan memudahkan penambahan animasi dinamis pada elemen web saat elemen tersebut masuk ke area pandang. Dengan ukuran paket kurang dari 2.8 kb, Sal berjalan tanpa dependensi sehingga pengalaman pengguna tetap lancar.

Dibuat menggunakan Intersection Observer API, Sal mendeteksi elemen yang terlihat di layar secara efisien lalu memicu animasi yang sesuai. API ini memberikan performa optimal dan secara signifikan mengurangi beban pemantauan peristiwa scroll.

Integrasinya mudah: pengembang cukup menambahkan atribut `data-sal` ke elemen HTML untuk menentukan efek animasi yang diinginkan. Durasi, jeda, dan easing dapat disesuaikan melalui atribut data tambahan atau variabel CSS, sehingga perilaku animasi dapat dikontrol sepenuhnya. Animasi yang didukung mencakup efek fade, slide, zoom, dan flip.

Sal juga menyediakan fitur lanjutan yang memungkinkan opsi diubah setelah inisialisasi, sehingga dapat menyesuaikan diri dengan interaksi pengguna. Sal mendukung listener peristiwa untuk menangani saat elemen masuk atau keluar dari area pandang, sehingga cocok untuk aplikasi interaktif yang memerlukan umpan balik langsung atas aktivitas scroll pengguna.