ANIMAÇÃO COM CSS na PRÁTICA

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

Рет қаралды 12,464

Күн бұрын

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

Пікірлер: 38

@FabioAlfieri-m6v 7 ай бұрын

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?

@aldemirsouza4006 10 ай бұрын

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 10 ай бұрын

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

@guitechtubebr 10 ай бұрын

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

@anajuliadec.leandro5796 10 ай бұрын

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!

@LucasOliveira-pe9wu 10 ай бұрын

Sua didatica é incrivel! Parabens e obg, braba dms

@kipperdev 10 ай бұрын

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

@miguelcaf 10 ай бұрын

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

@luaniza4753 10 ай бұрын

Professora n perco nem uma aula. Cabelao!

@thiagocainelli_ 10 ай бұрын

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

@kipperdev 10 ай бұрын

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

@pirilampoVermelho 6 ай бұрын

obg amiga, sua didática é excelente.

@linosouza8871 4 ай бұрын

Show, obrigado por compartilhar.

@NomadeGamesBr 10 ай бұрын

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

@kipperdev 10 ай бұрын

Que bomm, @GameOffice-rb2lw 💜

@leandro_adrian 8 ай бұрын

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

@WyllianYurk 10 ай бұрын

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 10 ай бұрын

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

@angelosilvano1100 10 ай бұрын

muito bom, meus parabéns

@psantos21 10 ай бұрын

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 10 ай бұрын

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 10 ай бұрын

@@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 10 ай бұрын

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

@Nandex 10 ай бұрын

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

@kipperdev 10 ай бұрын

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 18 күн бұрын

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

@joseholt5069 10 ай бұрын

tema do vscode legal! bonito!

@kipperdev 10 ай бұрын

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

@jeffersondamatta9411 10 ай бұрын

Obrigado!

@kipperdev 3 ай бұрын

Eu quem agradeço, Jeff 💜

@rafaelborges7279 4 ай бұрын

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

@Slocky_ 4 ай бұрын

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

@coelhottttt 6 ай бұрын

Meu sonho é um dia ser diva igual ela

@kipperdev 6 ай бұрын

💜💜

@maviuki 10 ай бұрын

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 10 ай бұрын

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 10 ай бұрын

Pertinente hein?!