/scroll-animations

ScrollAnimations é um projeto que implementa animações responsivas ao scroll da página, utilizando as bibliotecas GSAP e Locomotive-Scroll.

Primary LanguageHTMLMIT LicenseMIT

ScrollAnimations

TecnologiasSobreComeçandoColaboradoresContribuir

ScrollAnimations é um projeto que implementa animações responsivas ao scroll da página, utilizando as bibliotecas GSAP e Locomotive-Scroll.

💻 Tecnologias

  • HTML - Linguagem de marcação para estruturar a interface da aplicação.
  • CSS - Utilizado para estilizar a página, tornando-a atraente e responsiva.
  • JavaScript - Responsável pela lógica de interação e funcionalidades da aplicação.

💻 Bibliotecas

  • GSAP - Uma biblioteca de animação JavaScript extremamente robusta criada para profissionais.
  • Locomotive-Scroll - Detecção de elementos na viewport e scroll suave com parallax.

Sobre

ScrollAnimations é um projeto que implementa animações responsivas ao scroll da página, utilizando as bibliotecas GSAP e Locomotive-Scroll. Com estas ferramentas, os elementos da página podem se mover, mudar de direção e se fixar na tela conforme o usuário rola a página.

Funcionalidades

  • Animações que respondem ao scroll da página.
  • Movimentação de elemntos baseada no scroll.
  • Mudança de direção dos elementos.
  • Fixação de elementos na tela durante o scroll.

🚀 Começando

  1. Clone este repositório:
git clone https://github.com/vdonoladev/scroll-animations.git  
  1. Navegue até o diretório do projeto:
cd scroll-animations  
  1. Abra o arquivo index.html no seu navegador preferido para visualizar as animações.

🤝 Colaboradores

Agradecimento especial a todas as pessoas que contribuíram para este projeto.

Víctor Donola Ferreira Profile Picture
Víctor Donola Ferreira

📫 Contribuir

  1. git clone https://github.com/vdonoladev/scroll-animations.git
  2. git checkout -b feature/NAME-OF-FEATURE
  3. Siga os Commit Patterns
  4. Abra um Pull Request explicando o problema resolvido ou o recurso feito, se houver, anexe a captura de tela das modificações visuais e aguarde a revisão!

Documentações que podem ajudar

Créditos

A aplicação foi desenvolvida seguindo o vídeo do Sujeito Programador.