HTML & CSS - 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/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_PktOFQaGFAM PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE): https://pages.hashtagtreinamentos.com/inscricao-minicurso-html-css-landingpage?origemurl=hashtag_yt_org_minihtmlcss_landingpage_PktOFQaGFAM ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1YvY7_gAAKrfvE0UQ7SwvKSJnUAmQvHvM?origemurl=hashtag_yt_org_planilhahc_PktOFQaGFAM ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/animate-timeline-css-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- 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 https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- 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