ANIMAÇÃO COM CSS na PRÁTICA - Tutorial Completo
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- Neste vídeo, vamos aprender na prática como as propriedades de ANIMAÇÃO do CSS funcionam, funciona, abordando todas as propriedades do CSS Animations. Iremos explorar o potencial dessas propriedades para criar layouts mais dinâmicos e atrativos para nossos usuários.
🎁 TORNE-SE um ESPECIALISTA EM FRONTEND (10% OFF)
tr.ee/kipperde...
👉 Aprenda inglês com 47% OFF
tr.ee/kipperde...
👉 Me siga no instagram!
/ kipper.dev
👉 Seja também um membro do canal e tenha benefícios exclusivos!
/ @kipperdev
🌎 Comunidade do Discord
/ discord
Achei muito boa sua didática.
O conteúdo simples e direto sem enrolação.
Parabéns!
Pedido: Poderia fazer um conteúdo trabalhando algumas animações de formulário e outras utilizando o css para animar mas interagindo com JavaScript também?
Aula bem legal! Uma sugestão para animação do ícone de check seria -> Não usar display mas sim opacity daí você consegue usar transições e suavizar a troca de ícones.
Muito obrigadaa, Aldemir 💜
Boa! Daria pra fazer isso sim!
amei muito o vídeo! já era uma parte do css que eu gostaria de explorar mais e o vídeo foi super didático. Torcendo para que mais vídeos assim sejam feitos!
Fernanda estou amando os seus vídeos. Sou Dev e tenho um canal no TH-cam também aonde ensino programação. Sabemos que a cada dia, para ensinar, temos que aprender mais e mais.Estou gostando bastante do seu conteúdo
Sua didatica é incrivel! Parabens e obg, braba dms
Muito obrigadaa, Lucas.
Feliz em saber que o meu jeito de explicar te ajudou. 💜
Acabei de assistir minha aula de café da manhã. Show.
Só teve um erro no 9:21 que no caso se inicia a animação com FROM e termina com o TO
Professora n perco nem uma aula. Cabelao!
O border - radius já salvou meu dia. Muito obrigado
Que bomm, @GameOffice-rb2lw 💜
Que didática e aula incrível... Parabéns Fernanda!
Muito obrigadaa, Thiago
Muito bom saber que o meu jeito de explicar tem ajudado 💜
obg amiga, sua didática é excelente.
Show, obrigado por compartilhar.
muito bom, uma curiosidade qual sistema você usa para gravar seus videos?
Show de bola, Fer! Aprendo demais contigo 💜 Acho que só tenho uma observação em relação as propriedades dos @keyframes, você trocou a ordem delas, o "from" refere-se ao 0% e o "to" refere-se ao 100%, ou seja, o "from" é a origem e o "to" é o destino, ou até mesmo puxando para um termo popular, o famoso "DE-PARA" ("FROM-TO").
Muito obrigadaa, Wyllian
Fico feliz que tenha ajudado você a aprender 💜
É isso mesmo, from é a origem e to é o destino!
muito bom, meus parabéns
Bom demais o video, só podia muda a cor do botão, n enxerguei nd kkk, mas peguei as dicas!
boa! pelo menos pegou o que importa hahaha
na próxima vou cuidar mais isso, valeu @Nandex
tema do vscode legal! bonito!
Gosto bastante dele!
O tema é: marketplace.visualstudio.com/items?itemName=igornfaustino.emerald caso vc queira baixar 💜
Obrigado!
Eu quem agradeço, Jeff 💜
Top demais Fe, Parabens
Mas deixa eu fazer uma pergunta, pq voce sempre usa o css puro e quase nunca um bootstrap, tailwind ? Isso nao e usado no mercado ?
Oii Plabo, muito obrigada!
Na verdade são dois motivos hahahah
Eu trabalho com SASS, que é basicamente CSS puro, então to acostumada, e também o SASS é muitoo usado no mercado. Mas sim, libs como bootstrap e tailwind são bastante utilizadas também.
E segundo por que acredito que temos que dominar o CSS, independente do lib que nossa empresa utilizar, então por saber usar o CSS, vcoê consegue usar bootstrap, tailwind, chackra, SASS ou qualquer outra lib de CSS que surgir, basta apenas aprender a sintaxe da lib. Dessa forma, sabendo o CSS puro, você consegue fazer o estilo que quiser com CSS independente da lib que precisa usar, só vai precisar buscar como fazer isso na sintaxe da lib...
@@kipperdev aaah sim, entendi, é pq eu sempre vi vc usando o puro e achava que as libs não eram usadas no mercado :)
Eu sempre usei o CSS puro, mas de um tempo pra cá que aprendi sobre tailwind e passei a usa-lo, o bootstrap eu usei no passado, mas sempre preferia o puro, agr que tudo mudou.
Mas obg pela resposta fe, seus vídeos estão me ajudando demais.
@@psantos21eh depois de ter tomado uma agora tá agradecendo
Meu sonho é um dia ser diva igual ela
💜💜
como consigo colocar a imagem no tamanho do botão? quando coloco a imagem ela tampa o botão
Não entendi direito o que você quis dizer. Mas pra sobrepor um elemento sob outro você pode usar position e z-index.
Cara... O difícil é que vc twm que desenhar todas as coisas do site com a linguagem assim nao tem função q seja assim num piscar de olhos todas absolutamente todas sao tipo um quebra cabeça de construção
Então.....
Porque, que tem pessoas que vazem video no quarto....não são todas as pessoas mas a menoria das pessoas fazem vídeos no quarto....porque???
Pertinente hein?!