Não foi possível carregar a disponibilidade de retirada.
AOS Animate on Scroll com Exemplos
AOS Animate on Scroll com Exemplos
Avaliação: 4.4 de 57 avaliações
1.5 horas totais
5 palestras
Intermediário
AOS Animate on Scroll com Exemplos
Neste curso, você descobrirá como incorporar 5 animações simples em seus modelos da web usando o script AOS on scroll. O curso é dividido em 5 palestras:
Descrição da Primeira Palestra: Introdução
Neste vídeo, você será apresentado ao curso e explorará os vários tipos de animações que podem ser criadas usando o script AOS.
Descrição da Segunda Palestra: Aplicar AOS Animate on Scroll em seus textos ou imagens
Na segunda palestra, você aprenderá como utilizar a biblioteca AOS on scroll em seus modelos, adicionando o código de animação às seções relevantes, como imagens e texto.
Descrição da Terceira Palestra: AOS on Scroll Flipping Boxes
Na terceira palestra, você descobrirá como criar um menu básico com um logotipo, imagem de fundo e um contêiner contendo 4 caixas com uma animação de virada ao rolar. Essas caixas incluirão imagens, um parágrafo e um link de botão.
Descrição da Quarta Palestra: AOS Animated Portfolio Background
Na quarta palestra, você aprenderá como projetar um cabeçalho de portfólio com uma imagem de fundo transparente, texto e uma animação de zoom com um círculo no fundo.
Descrição da Quinta Palestra: AOS Animated Merging Images
Neste vídeo, você aprenderá como criar uma animação usando 3 imagens que se fundem em direção ao centro do modelo com o efeito de zoom.
Este curso é projetado para desenvolvedores web que possuem algum conhecimento de HTML e CSS. Nenhuma experiência prévia em JavaScript é necessária, pois não é utilizada neste curso.
O que você aprenderá
Ao concluir este curso, você será capaz de:
Incorporar animações AOS em seus modelos da web
Entender os diferentes tipos de animações que podem ser criadas usando o script AOS
Saber como aplicar a biblioteca AOS on scroll em seus modelos
Criar um menu básico com caixas de virada
Aprender como projetar um cabeçalho de portfólio com uma imagem de fundo transparente e animação de zoom
