HTML & CSS - Saindo do Zero em Animações no CSS em 10 minutos (animation e @keyframes)

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_5HTvRE64a-g PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_5HTvRE64a-g ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1h4y7_T_AKnAzXwmWZFqdEC3WVaGUnabD?origemurl=hashtag_yt_org_planilhahc_5HTvRE64a-g ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/animacoes-no-css-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Fala Impressionadores! Quer saber como sair do zero em animações no CSS em 10 minutos? Hoje eu vou te mostrar como fazer transições no CSS para que possamos animar um botão. Aposto que você já viu em algum site um botão que fica aumentando e diminuindo de tamanho de forma automática, não é mesmo? Nessa aula eu vou te mostrar exatamente como fazer isso usando o @keyframes, a ideia é que a gente consiga alterar a escala do botão, mas de forma suave e contínua, não aquela mudança brusca direta. Por isso que a animação é tão importante, pois ela deixa a transição mais suave e dá essa ideia de movimento! E aí, bora aprender a fazer animação em botão no CSS? Vem comigo que você vai aprender isso tudo em 10 minutos! ----------------------------------------------------------------------- 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 00:35 Cursor pointer e hover no botão 02:15 Parte de animação no CSS 02:34 Transição no CSS 04:30 Animação no CSS (@keyframes etapas da animação) 10:49 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao