O que é o módulo AOS?

A módulo AOS (Animate On Scroll) permite adicionar animações a elementos de uma página quando eles aparecem na tela, ao rolar para baixo. É uma ótima ferramenta para tornar o conteúdo de um site mais dinâmico e visualmente atrativo.

Ativando o Módulo

Como se trata de um módulo padrão, precisamos ativa-lo adicionando o seguinte código em nossa pasta config > config.json.

 {
      "nome": "ws-library-animate-on-scroll",
      "versao": "1.0",
      "etapa": "*"
    }

moduloativando.mp4

Usando o módulo

Para aplicar uma animação em um elemento, adicione o atributo data-aos a ele, especificando o tipo de animação desejada.

<div data-aos="fade-up">
Este elemento surgirá com uma animação "fade-up" ao aparecer na tela.
</div>

Tipos de Animações Disponíveis

Aqui estão alguns tipos de animações que você pode usar com o atributo data-aos:

• Movimentos de fade: fade, fade-up, fade-down, fade-left, fade-right...
• Movimentos de flip: flip-left, flip-right, flip-up, flip-down...
• Movimentos de zoom: zoom-in, zoom-in-up, zoom-in-down, zoom-out...

Personalizando a Animação