Animações de Rolagem em 9 Projetos

Crie Animações Incríveis de Rolagem

Avaliação: 4.6 de 564 avaliações

Total de horas: 3

Aulas: 27

Nível: Todos os níveis

Crie Animações Incríveis de Rolagem

Neste curso, você aprenderá como criar várias animações relacionadas à rolagem. Você aprenderá por meio de exercícios práticos, pois é a melhor maneira de aprender. Existem muitas bibliotecas JavaScript disponíveis para animações de rolagem, e eu mostrarei as mais eficientes e rápidas para criar ótimas animações de rolagem. Também haverá vários projetos usando apenas CSS puro, como criar um site com rolagem horizontal ou obter facilmente efeitos de paralaxe. Aqui está a lista dos 9 projetos:

1. Animações de várias camadas de fotos para uma página inicial
2. Zoom de plano de fundo ao rolar usando Jquery
3. Grade animada com Rellax.js
4. Animação de curva de Bezier ao rolar (ScrollMagic + Greensock)
5. Criando um site com animações de paralaxe usando apenas CSS puro
6. Desmontando um GIF e animando suas imagens com rolagem
7. Criando um site com rolagem horizontal usando apenas CSS puro
8. Criando animações de revelação de seção elegantes ao rolar
9. Fixando seções e alterando imagens ao rolar

Se tudo isso parece empolgante para você, junte-se ao curso agora!

O que você aprenderá

• Aprenda a criar animações relacionadas à rolagem
• Use o Scrollmagic
• Use o Greensock
• Use o Greensock + Scrollmagic
• Anime com CSS puro
• Crie um site com rolagem horizontal
• Crie efeitos de paralaxe
• Anime várias camadas de imagens
• Anime com uma grade CSS
• E muito mais!