Animate timeline: A propriedade para Criar Animações com Scroll

Описание: Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma:
https://dlp.hashtagtreinamentos.com/h...

PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE):
https://pages.hashtagtreinamentos.com...

-----------------------------------------------------------------------

► Arquivos Utilizados no Vídeo:
https://pages.hashtagtreinamentos.com...

-----------------------------------------------------------------------

Caso prefira o vídeo em formato de texto:
https://www.hashtagtreinamentos.com/a...

-----------------------------------------------------------------------

PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
https://www.hashtagtreinamentos.com/t...

-----------------------------------------------------------------------

Você já conhece a nova propriedade animate timeline do CSS? Essa propriedade vai te permitir fazer uma animação com scroll sem a necessidade de utilizar o JavaScript!

É uma animação muito interessante para o seu site, e como está vinculada ao scroll, fica muito mais dinâmico e garante que o usuário sempre consiga visualizar essa animação.

Diferente da animação de tempo que pode ser que o usuário nem saiba que exista dependendo do tempo que gasta até chegar no ponto exato da animação.

Então vem comigo que eu vou te mostrar o passo a passo para usar essa nova propriedade para criarmos uma animação de scroll com CSS!

-----------------------------------------------------------------------

Vídeos Recomendados

► Curso Básico de HTML e CSS
   • Curso Básico de Html e CSS - Aprenda Const...  

► Como Baixar e Configurar o VSCode para HTML e CSS
   • Instalação do VS Code para Programação em ...  

-----------------------------------------------------------------------

Hashtag Programação

► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!

-----------------------------------------------------------------------

Redes Sociais

► Blog: https://bit.ly/2MRUZs0
► YouTube: http://bit.ly/3c0LJQi
► Instagram: https://bit.ly/3o6dw42
► Facebook: http://bit.ly/3qGtaF2

Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!

-----------------------------------------------------------------------

Conteúdo da Aula

00:00 Introdução
01:25 Animação sem o scroll
03:10 Colocar uma animação com tempo
05:10 Testando a animação
05:55 Animation timeline view
12:14 Informações dentro da função view
14:07 Conclusão

#htmlecss #htmlcss #html #css #hashtagprogramacao