Introdução a Animações CSS

  Рет қаралды 14,499

dpw

dpw

4 жыл бұрын

Veja introdução à animação CSS e como criar animações básicas usando CSS puro. Use CSS Animation para fazer sites melhores.
⭐ Saiu o minicurso completo de animações CSS!
• ⭐ Minicurso Animações CSS
Ahh, Animações CSS! Com certeza, um dos assuntos mais interessantes no front end, ao mesmo tempo em que é uma das atividades mais mal compreendidas pelo "senso comum" (e por muitos devs).
Para a maioria, animações Web são apenas firulas, coisas bonitinhas, enfeitezinhos gut gut... Mas a verdade é que as animações podem cumprir papel muito importante em um projeto web (quando bem utilizadas).
Neste vídeo, apresentamos a introdução de CSS Animations, abordando o que consideramos ser os 3 pilares da animação Web:
1. @keyframes
2. Propriedades CSS animation-*
3. Easings
Este vídeo introdutório sobre o assunto é altamente indicado para quem ainda não começou na jornada de animações CSS, mas também pode ser útil para quem já tem alguma prática, já que é sempre bom revisar os conceitos básicos, certo?
Então, aproveite, e assista a nosso vídeo sobre introdução a Animações CSS!
⭐ Saiu o minicurso completo de animações CSS!
• ⭐ Minicurso Animações CSS
✏️ Introdução a Animações CSS
desenvolvimentoparaweb.com/cs...
✏️ Princípios Jedi de Motion UI (parte 1)
desenvolvimentoparaweb.com/ux...
💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
/ discord
🌐 Recursos front end
recursosfrontend.desenvolvime...
==========
Assine o canal! bit.ly/dpw-youtube
- Facebook: / desenvolvweb
- Instagram: / desenvolvweb
- Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: desenvolvimentoparaweb.com/

Пікірлер: 79
@brunoferreiradeveloper
@brunoferreiradeveloper 4 жыл бұрын
Até que enfim alguém PRO pra abordar esse assunto no CSS puro! Para o mini curso sugiro que tbm fale sobre performance ;)
@dpwoficial
@dpwoficial 4 жыл бұрын
Excelente sugestão, Bruno! Vamos ver quando chegar lá, quais serão os tópicos direitinho. Provavelmente vou pedir a ajuda dos assinantes para decidir. :)
@adrianovitogrjj
@adrianovitogrjj 9 ай бұрын
Muito legal essas informações! Estou começando no mundo do FrontEnd, acrescentou demais e com certeza vou ver mais vezes esse vídeo! Valeu!
@dpwoficial
@dpwoficial 9 ай бұрын
Bons estudos, Adriano!
@salvimateus
@salvimateus 4 жыл бұрын
Essa aula dá um imenso background para fazer animações e realmente entender o que está acontecendo. OBRIGADO!
@dpwoficial
@dpwoficial 4 жыл бұрын
Você captou bem, Mateus. Essa é a base para muuuita coisa que iremos mostrar aqui no canal. ;)
@trilhacoder
@trilhacoder 2 жыл бұрын
Sensacional
@dpwoficial
@dpwoficial 2 жыл бұрын
Muito obrigado. Confira também o mini curso: kzfaq.info/get/bejne/m7p1f6-FxsnLXWw.html
@ericcoutinho3985
@ericcoutinho3985 3 жыл бұрын
Muito bom Tárcio! Conteúdo funcional e de qualidade, como sempre.
@dpwoficial
@dpwoficial 3 жыл бұрын
Eu que agradeço a participação, Eric. 👍
@chrystianramos1123
@chrystianramos1123 4 жыл бұрын
Muito top brother! Vídeo compartilhado, assim como todos os outros do seu canal!
@dpwoficial
@dpwoficial 4 жыл бұрын
Aí sim, Chrystian! Quanto mais gente assistir, mais a gente vai continuando com os vídeos!
@viniciusapacite2691
@viniciusapacite2691 2 жыл бұрын
Uau adorei!! muito didático, obrigado pelo conteúdo!
@dpwoficial
@dpwoficial 2 жыл бұрын
Vlw, Vinicius!
@wendelrodrigues1237
@wendelrodrigues1237 2 жыл бұрын
Perfeita abordagem de assunto, com leveza de absorção!!! Parabéns e obrigado!!!
@dpwoficial
@dpwoficial 2 жыл бұрын
Eu que agradeço, Wendel. :)
@ivanmoraes3029
@ivanmoraes3029 2 жыл бұрын
Meus parabêns pela forma de trasmitir as informações. Fantástico!
@dpwoficial
@dpwoficial Жыл бұрын
Obrigado, Ivan. :D
@_alexollie
@_alexollie 4 жыл бұрын
Ótimo vídeo. Animações com css é show de bola
@dpwoficial
@dpwoficial 4 жыл бұрын
Obrigado, Alex. Em breve sai o mini curso, fica ligado. :)
@VictorHugoMalheiro
@VictorHugoMalheiro 4 жыл бұрын
Sensacional ❤️🚀
@dpwoficial
@dpwoficial 4 жыл бұрын
Vlw, meu jovem! Aquele abraço!
@DanielBarretoDev
@DanielBarretoDev Жыл бұрын
Esse video foi incrivel e me deixou mt animado pra aprender mais em relaçao a animação com CSS e ja vou da olhada no mini curso citado no video! mt obrigado!!!
@dpwoficial
@dpwoficial Жыл бұрын
Você vai gostar bastante do mini curso, Daniel, tenho certeza. :)
@mariofernando4616
@mariofernando4616 3 жыл бұрын
Parabéns!!! Por favor, 1 milhão de likes Muito bom. Excelente didática. Clareza, simplicidade e excelência.
@dpwoficial
@dpwoficial 3 жыл бұрын
Opa, Correia! Muito, MUITO obrigado pelo comment! ;D
@alexlucaslp
@alexlucaslp 2 жыл бұрын
Concordo
@lucasbarra2779
@lucasbarra2779 4 жыл бұрын
Exelente video... gente... da like pra ele lançar o mini curso!
@dpwoficial
@dpwoficial 4 жыл бұрын
Vlw, Lucas! Ajuda a divulgar aê nas redes e grupos pro povo dar like!
@nelson.costa.dev2536
@nelson.costa.dev2536 4 жыл бұрын
Opa to assistindo aqui e curtindo muito.
@dpwoficial
@dpwoficial 4 жыл бұрын
Maravilha, Nelson! Ainda vamos colocar muito conteúdo sobre Animação CSS, fique ligado.
@brunochapeco
@brunochapeco Жыл бұрын
Reparei no Imbecil Coletivo lá em cima. Tens bom gosto.
@dpwoficial
@dpwoficial Жыл бұрын
;)
@alexlucaslp
@alexlucaslp 2 жыл бұрын
Poxa..mto bom
@dpwoficial
@dpwoficial 2 жыл бұрын
Que bom que gostou, Alex. :)
@AnaCarolina-bp2ns
@AnaCarolina-bp2ns 3 жыл бұрын
Vídeo muito bom!
@dpwoficial
@dpwoficial 3 жыл бұрын
Obrigado, Ana!
@baptistajeanbaptiste6832
@baptistajeanbaptiste6832 3 жыл бұрын
Esse vídeo me ajudou bastante
@dpwoficial
@dpwoficial 3 жыл бұрын
Maravilha, Jean! Contente em saber.
@MaikonAyresDaSilva
@MaikonAyresDaSilva 3 жыл бұрын
top demais.
@dpwoficial
@dpwoficial 3 жыл бұрын
Vlw, Maikon! Viu na descrição que já saiu o minicurso completo? :D
@elizduarte6547
@elizduarte6547 4 жыл бұрын
Só vídeos Tops!
@dpwoficial
@dpwoficial 4 жыл бұрын
Vlw, Iza! Aparece mais no canal!
@elizduarte6547
@elizduarte6547 4 жыл бұрын
@@dpwoficial , Sim, aqui e o gmail da minha mãe. Estou sempre ligado! Conheci seu canal esses dias. Quando eu vir o conteúdo é a qualidade, que são Tops. Gosto muito de css
@dpwoficial
@dpwoficial 4 жыл бұрын
Muito obrigado! Toda semana temos novos conteúdos. Apareça. 👍
@tonysilva6765
@tonysilva6765 3 жыл бұрын
Parabéns pelo vídeo! Se vc ainda não tem, deveria ter alguns cursos na UDEMY, suas aulas são muito boas!
@dpwoficial
@dpwoficial 3 жыл бұрын
Muito obrigado pelas palavras, Tony!
@portalispcursos
@portalispcursos Жыл бұрын
já ganhou um escrito novo, top de mais seu vídeo me ajudou muito parabéns.. Sou do tempo em que animação Nois fazia tudo em flash e com action script hoje ninguém usa mais isso em site
@dpwoficial
@dpwoficial Жыл бұрын
Também sou dessa época, mestre. Que bom que acabou, mas dá saudade... rsrs
@jbernardobr
@jbernardobr 4 жыл бұрын
Cara, meu muito obrigado. Aguardando o mini curso de animações CSS. Já temos 257 likes hehehe. #Anxious
@dpwoficial
@dpwoficial 4 жыл бұрын
Eu que agradeço pelo comentário, Julio. Sim sim, muito obrigado a todos que contribuíram com o like! Ativa o sininho aí que já já o danadinho chega... ;)
@luizgustavoalvarenga8711
@luizgustavoalvarenga8711 4 жыл бұрын
Esperando o mini-curso de animation CSS3!
@dpwoficial
@dpwoficial 4 жыл бұрын
hahaha, pode ficar sossegado, Luiz. Ativa esse sininho aê que já já vai aparecer no canal. ;)
@louvorcomlegenda167
@louvorcomlegenda167 2 жыл бұрын
Sugestão: fazer um curso de HTML e CSS, do zero ao avançado 😁
@dpwoficial
@dpwoficial 2 жыл бұрын
Tenho vontade de fazer! :)
@louvorcomlegenda167
@louvorcomlegenda167 2 жыл бұрын
@@dpwoficial conteúdo vai ser bom 😄
@thebonfim
@thebonfim 4 жыл бұрын
O meu foi o like 202. Pode fazer o mini curso! E já aproveitei e já me inscrevi e assinei o sininho pra ser notificado do mini curso.
@dpwoficial
@dpwoficial 4 жыл бұрын
Muito obrigado, Sérgio! Em breve, daremos mais infos através de nossas redes sociais. 👍
@tiagoandradewd
@tiagoandradewd 4 жыл бұрын
Bora curtir galera...
@dpwoficial
@dpwoficial 4 жыл бұрын
Booora!
@nicolassantos9213
@nicolassantos9213 4 жыл бұрын
O curso já saiu? se já, me mandem o link por favor, estou muito ansioso para fazer
@dpwoficial
@dpwoficial 4 жыл бұрын
Tem que bater a meta de likes... Ajuda a divulgar! 😁
@davisantana5617
@davisantana5617 2 жыл бұрын
Dá pra fazer com img? Além de cores
@dpwoficial
@dpwoficial 2 жыл бұрын
Dá sim. :)
@ronnrsiilva1001
@ronnrsiilva1001 Жыл бұрын
Professor, coloca nos comentários o link do mine curso.
@dpwoficial
@dpwoficial Жыл бұрын
Está na descrição. É a primeira coisa. :)
@willprince7578
@willprince7578 3 жыл бұрын
Como aumentar o atraso de um botão pelo CSS ?
@dpwoficial
@dpwoficial 3 жыл бұрын
Descreva "aumentar o atraso".
@fransantos948
@fransantos948 4 жыл бұрын
Animações css deixa a aplicação pesada?
@dpwoficial
@dpwoficial 4 жыл бұрын
Se forem feitas do jeito certo, não. :)
⭐ Minicurso Animações CSS
53:01
dpw
Рет қаралды 128 М.
Каха и суп
00:39
К-Media
Рет қаралды 4,6 МЛН
I CAN’T BELIEVE I LOST 😱
00:46
Topper Guild
Рет қаралды 111 МЛН
CSS Nesting: Minha Opinião Sincera
18:27
dpw
Рет қаралды 2 М.
ANIMAÇÃO COM CSS na PRÁTICA - Tutorial Completo
29:46
Fernanda Kipper | Dev
Рет қаралды 10 М.
6 Jogos para Aprender CSS Brincando!
15:33
dpw
Рет қаралды 2,4 М.
CSS3: Box Model - Tudo o que você precisa saber
15:24
hcode
Рет қаралды 19 М.
:has() Vai Mudar o CSS para SEMPRE!
10:00
dpw
Рет қаралды 45 М.
Menu Dropdown com CSS Puro [o jeito MAIS FÁCIL]
18:18
Brasileiro vira notícia com suas habilidades em CSS e Design
15:34
Filipe Deschamps
Рет қаралды 242 М.
CSS box-shadow
12:34
dpw
Рет қаралды 13 М.
Animação no Scroll | Usando apenas HTML, CSS e JavaScript
27:40
DevClub | Programação
Рет қаралды 21 М.
Каха и суп
00:39
К-Media
Рет қаралды 4,6 МЛН