ANIMAÇÃO COM CSS na PRÁTICA - Tutorial Completo

[@FabioAlfieri-m6v]

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?

[@anajuliadec.leandro5796]

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!

[@aldemirsouza4006]

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.

[@kipperdev]

Muito obrigadaa, Aldemir 💜 Boa! Daria pra fazer isso sim!

[@LucasOliveira-pe9wu]

Sua didatica é incrivel! Parabens e obg, braba dms

[@kipperdev]

Muito obrigadaa, Lucas. Feliz em saber que o meu jeito de explicar te ajudou. 💜

[@miguelcaf]

Acabei de assistir minha aula de café da manhã. Show.

[@leandro_adrian]

Só teve um erro no 9:21 que no caso se inicia a animação com FROM e termina com o TO

[@guitechtubebr]

Fernanda estou amando os seus vídeos. Sou Dev e tenho um canal no KZbin 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

[@thiagocainelli_]

Que didática e aula incrível... Parabéns Fernanda!

[@kipperdev]

Muito obrigadaa, Thiago Muito bom saber que o meu jeito de explicar tem ajudado 💜

[@pirilampoVermelho]

obg amiga, sua didática é excelente.

[@NomadeGamesBr]

O border - radius já salvou meu dia. Muito obrigado

[@kipperdev]

Que bomm, @GameOffice-rb2lw 💜

[@groovy_44]

Professora n perco nem uma aula. Cabelao!

[@linosouza8871]

Show, obrigado por compartilhar.

[@angelosilvanno]

muito bom, meus parabéns

[@joseholt5069]

tema do vscode legal! bonito!

[@kipperdev]

Gosto bastante dele! O tema é: marketplace.visualstudio.com/items?itemName=igornfaustino.emerald caso vc queira baixar 💜

[@jeffersondamatta9411]

Obrigado!

[@kipperdev]

Eu quem agradeço, Jeff 💜

[@Nandex]

Bom demais o video, só podia muda a cor do botão, n enxerguei nd kkk, mas peguei as dicas!

[@kipperdev]

boa! pelo menos pegou o que importa hahaha na próxima vou cuidar mais isso, valeu @Nandex

[@alessandropedroso3335]

muito bom, uma curiosidade qual sistema você usa para gravar seus videos?

[@kipperdev]

Obrigadaa Ale! Eu uso o OBS studio! É um software gratuito

[@psantos21]

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 ?

[@kipperdev]

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...

[@psantos21]

@@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.

[@Matheus_1582]

​@@psantos21eh depois de ter tomado uma agora tá agradecendo

[@rafaelborges7279]

como consigo colocar a imagem no tamanho do botão? quando coloco a imagem ela tampa o botão

[@Slocky_]

Não entendi direito o que você quis dizer. Mas pra sobrepor um elemento sob outro você pode usar position e z-index.

[@coelhottttt]

Meu sonho é um dia ser diva igual ela

[@kipperdev]

💜💜

[@WyllianYurk]

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").

[@kipperdev]

Muito obrigadaa, Wyllian Fico feliz que tenha ajudado você a aprender 💜 É isso mesmo, from é a origem e to é o destino!

[@maviuki]

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

[@Matheus_1582]

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???

[@miguelcaf]

Pertinente hein?!