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

  Рет қаралды 1,151

Hashtag Programação

Hashtag Programação

Күн бұрын

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma:
dlp.hashtagtreinamentos.com/h...
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
www.hashtagtreinamentos.com/a...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
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
• Curso Básico de Html e...
► Como Baixar e Configurar o VSCode para HTML e CSS
• Instalação do VS Code ...
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: bit.ly/2MRUZs0
► KZfaq: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: 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

Пікірлер: 4
@moderacaohashtag
@moderacaohashtag 23 күн бұрын
Fala galera! Gostou do vídeo? Deixa a sua curtida e se inscreve no canal! PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_5HTvRE64a-g ► Arquivos Utilizados no Vídeo: pages.hashtagtreinamentos.com/arquivo-htmlcss-1h4y7_T_AKnAzXwmWZFqdEC3WVaGUnabD?origemurl=hashtag_yt_org_planilhahc_5HTvRE64a-g ► Blog: bit.ly/2MRUZs0 ► KZfaq: bit.ly/3c0LJQi ► Instagram: bit.ly/3o6dw42 ► Facebook: bit.ly/3qGtaF2 Playlists Recomendadas: ► Curso Básico de HTML e CSS kzfaq.info/get/bejne/rNqIbKWrqrm7noU.html&pp=iAQB
@NayT0N
@NayT0N 23 күн бұрын
Excelente aula. Faça uma aula com animações com SVG.
@alinegomes9084
@alinegomes9084 22 күн бұрын
Excelente explicação 👏👏
@rafaelsantana1141
@rafaelsantana1141 23 күн бұрын
Primeiro aqui😎
Responsividade no CSS: Criando Layouts para Diferentes Dispositivos
28:34
Hashtag Programação
Рет қаралды 801
⭐ Minicurso Animações CSS
53:01
dpw
Рет қаралды 128 М.
Please be kind🙏
00:34
ISSEI / いっせい
Рет қаралды 190 МЛН
Мы никогда не были так напуганы!
00:15
Аришнев
Рет қаралды 4,9 МЛН
O que é ReactJs? Como Funciona e Principais Aplicações
16:28
Hashtag Programação
Рет қаралды 1,5 М.
Como Sair do Zero em Classes no Python - Self e Init Explicados
55:10
Hashtag Programação
Рет қаралды 192 М.
Criando uma aplicação de API com FastAPI em Python
12:20
Muri Tech
Рет қаралды 16 М.
Criando Slider com HTML, CSS e JavaScript
25:46
Sujeito programador
Рет қаралды 120 М.
Como Sair do ZERO no Python em APENAS UMA AULA
1:07:46
Hashtag Programação
Рет қаралды 1 МЛН
ANIMAÇÃO COM CSS na PRÁTICA - Tutorial Completo
29:46
Fernanda Kipper | Dev
Рет қаралды 10 М.
Instalação do VS Code para Programação em HTML e CSS (Visual Studio Code)
14:15
Raspagem de Dados com Pandas
42:06
Hashtag Programação
Рет қаралды 2,8 М.
Criando um site do zero com: HTML, CSS e JS - #01
46:50
PogCast
Рет қаралды 1,2 МЛН