Sal

Sal é uma biblioteca leve de animações de rolagem, focada no desempenho, que facilita adicionar animações dinâmicas aos elementos da sua página quando eles entram na área visível. Com um pacote de menos de 2.8 kb, ela funciona sem dependências e proporciona uma experiência simplificada.

Criada com a API Intersection Observer, Sal detecta com eficiência quando os elementos estão visíveis na tela e aciona as animações correspondentes. Essa API proporciona desempenho ideal e reduz significativamente a sobrecarga associada ao monitoramento de eventos de rolagem.

A integração é simples: basta adicionar o atributo `data-sal` aos elementos HTML para especificar o efeito de animação desejado. É possível personalizar opções como duração, atraso e aceleração por meio de outros atributos de dados ou variáveis CSS, garantindo controle total sobre o comportamento das animações. Entre as animações disponíveis estão efeitos de esmaecimento, deslize, zoom e rotação.

Sal também oferece recursos avançados que permitem alterar as opções após a inicialização, adaptando-as à interação do usuário. A biblioteca inclui suporte a ouvintes de eventos para detectar quando os elementos entram ou saem da área visível, sendo adequada para aplicações interativas que precisam responder em tempo real à atividade de rolagem do usuário.