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

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 38

  • @FabioAlfieri-m6v
    @FabioAlfieri-m6v 9 หลายเดือนก่อน +3

    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?

  • @leandro_adrian
    @leandro_adrian 10 หลายเดือนก่อน +4

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

  • @anajuliadec.leandro5796
    @anajuliadec.leandro5796 ปีที่แล้ว +1

    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
    @aldemirsouza4006 ปีที่แล้ว +4

    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
      @kipperdev  ปีที่แล้ว +2

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

  • @miguelcaf
    @miguelcaf ปีที่แล้ว

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

  • @guitechtubebr
    @guitechtubebr ปีที่แล้ว

    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

  • @LucasOliveira-pe9wu
    @LucasOliveira-pe9wu ปีที่แล้ว +2

    Sua didatica é incrivel! Parabens e obg, braba dms

    • @kipperdev
      @kipperdev  ปีที่แล้ว +1

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

  • @pirilampoVermelho
    @pirilampoVermelho 9 หลายเดือนก่อน

    obg amiga, sua didática é excelente.

  • @groovy_44
    @groovy_44 ปีที่แล้ว

    Professora n perco nem uma aula. Cabelao!

  • @thiagocainelli_
    @thiagocainelli_ ปีที่แล้ว

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

    • @kipperdev
      @kipperdev  ปีที่แล้ว

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

  • @linosouza8871
    @linosouza8871 7 หลายเดือนก่อน

    Show, obrigado por compartilhar.

  • @NomadeGamesBr
    @NomadeGamesBr ปีที่แล้ว

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

    • @kipperdev
      @kipperdev  ปีที่แล้ว

      Que bomm, @GameOffice-rb2lw 💜

  • @alessandropedroso3335
    @alessandropedroso3335 4 หลายเดือนก่อน

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

    • @kipperdev
      @kipperdev  3 หลายเดือนก่อน +1

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

  • @angelosilvanno
    @angelosilvanno ปีที่แล้ว

    muito bom, meus parabéns

  • @jeffersondamatta9411
    @jeffersondamatta9411 ปีที่แล้ว

    Obrigado!

    • @kipperdev
      @kipperdev  5 หลายเดือนก่อน

      Eu quem agradeço, Jeff 💜

  • @joseholt5069
    @joseholt5069 ปีที่แล้ว

    tema do vscode legal! bonito!

    • @kipperdev
      @kipperdev  ปีที่แล้ว +2

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

  • @psantos21
    @psantos21 ปีที่แล้ว +1

    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
      @kipperdev  ปีที่แล้ว +13

      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
      @psantos21 ปีที่แล้ว +1

      @@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
      @Matheus_1582 ปีที่แล้ว

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

  • @rafaelborges7279
    @rafaelborges7279 6 หลายเดือนก่อน +1

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

    • @Slocky_
      @Slocky_ 6 หลายเดือนก่อน

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

  • @Nandex
    @Nandex ปีที่แล้ว

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

    • @kipperdev
      @kipperdev  ปีที่แล้ว +1

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

  • @WyllianYurk
    @WyllianYurk ปีที่แล้ว +1

    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
      @kipperdev  ปีที่แล้ว +2

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

  • @coelhottttt
    @coelhottttt 9 หลายเดือนก่อน

    Meu sonho é um dia ser diva igual ela

    • @kipperdev
      @kipperdev  9 หลายเดือนก่อน

      💜💜

  • @maviuki
    @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
    @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
      @miguelcaf ปีที่แล้ว

      Pertinente hein?!