Animate timeline: A propriedade para Criar Animações com Scroll
Автор: Hashtag Programação
Загружено: 2024-12-02
Просмотров: 10053
Описание:
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
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: