Como criar um card com Html5, Css3, Flexbox, Transform e Transitions

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025
  • Como criar um card com Html5, Css3, Flexbox, Transform e Transitions
    Neste vídeo iremos criar um card estilo e-commerce utilizando Html, Css Variables, Css Flexbox, Css Transform Property e Css Transitions.
    Link para download da imagem:
    raw.githubuser...
    Github do curso:
    github.com/mar...
    ________________________
    Marcelo Pereira
    Front-end Developer
    Site: marcelopereira...
    Linkedin: / marcelopoars
    Instagram: / marcelopoars

Комментарии • 17

  • @alessandrosilva1015
    @alessandrosilva1015 Год назад +1

    Muito bom, excelente!

  • @xvr8823
    @xvr8823 3 года назад +2

    Que aula hein

  • @BRUMASSS
    @BRUMASSS 2 года назад +2

    Muito bom! Já me inscrevi ansiosa pelo próximos vídeos. Parabéns

    • @DicadoNerd
      @DicadoNerd  2 года назад

      Obrigado pelo feedback Bruna. Parabéns pela dedicação. Abraço.

  • @fabioverlaine7274
    @fabioverlaine7274 2 года назад +2

    BACANA !!! simples e atrativo para projetos cards. só duplicar e jogar um flex: wrap;
    Valeu

  • @lglf77
    @lglf77 4 года назад +1

    Gostei da sua minuciosidade ao destacar components, gostei, ganhou mais um seguidor, não mude em exemplos complexos, caso deseje lançar no canal, sou iniciante. Espero alcançar o REACT pra deixar o HTML de lado.

    • @DicadoNerd
      @DicadoNerd  4 года назад +1

      Olá Leo. Que bom que gostou do vídeo. Eu fico muito feliz pelo teu feedback. Mas te faço um pedido! Não abandona não o HTML. Mesmo utilizando frameworks ou bibliotecas como o React por exemplo, é essencial que você tenha um bom entendimento e domínio sobre as linguagens base, como HTML, CSS e JavaScript. Quando vc for trabalhar com React e por exemplo quiser criar seus componentes utilizando Styled-componentes, vc ainda vai precisar saber HTML para escolher as tags corretas para cada tipo de componente. Fica ligado aqui no canal, que a cada aula vamos avançando e entendendo e importância de saber HTML e CSS. Abraço!

  • @zenon6791
    @zenon6791 2 года назад +1

    Muito bom, aprender fazendo projetos assim entra mais na mente, no faz compreender melhor a funcionalidade de cada escolha.

  • @kevenbueno7425
    @kevenbueno7425 4 года назад +1

    nossa cara que vide-o tao bem explicado, linha por linha parabéns continuei com seu trabalho e so nao aprende quem nao quer

  • @hdsg0807
    @hdsg0807 4 года назад +1

    Muito bom vídeo. Gosto muito desses vídeos que mostram estilizações simples.

  • @alesonbezerra2358
    @alesonbezerra2358 4 года назад +1

    Muito bom o vídeo, conseguiu explicar o conteúdo bem detalhado e sem enrolação. Já me inscrevi.

  • @ThiagoVieira91
    @ThiagoVieira91 4 года назад +1

    Gostei do vídeo. Didático e prático. Você poderia fazer uma versão mais refinada. com efeitos de transform, filter, etc.

    • @DicadoNerd
      @DicadoNerd  4 года назад

      Show Thiago! Pode deixar, farei sim. Muito obrigado pelo seu feedback. \0/

  • @samuelpereirajunior5166
    @samuelpereirajunior5166 4 года назад +1

    Legal, cada dias aprendendo mais com vc. Continua com os videos que vc já tem um seguidor. e se possível faz com o Sas que seria bem legal.

  • @vandeilsonsantos1676
    @vandeilsonsantos1676 4 года назад +2

    Gostei das aulas! Parabéns! +umseguidor
    Só que para mim, bugou um pouco, pois na aula de semântica você informa que só deve ter um body e não utilizou o article também, no caso o body dentro desse seria outra coisa?

    • @fabioverlaine7274
      @fabioverlaine7274 2 года назад

      o correto é usar o mas não entendi usar 2 vezes...