6 Comentários

1. 

   Adan no 20 de maio de 2020 a partir do 23:48

   Como eu coloco o menu depois?

   Responder
   • 

     Dener Troquatte no 22 de maio de 2020 a partir do 11:05

     Da uma olhadinha nesse tutorial e tenta implementar os dois https://www.youtube.com/watch?v=aHiPUK3m_ic&list=PLMy95_4XE08NnLbGn2XGFhc5cnqAlJZpI&index=2
     Valewwww Abraçoooo!

     Responder
2. 

   Luiz Claudio no 19 de fevereiro de 2021 a partir do 16:09

   Olá primeiramente ganhou mais um fã , outra o que esta acontecendo é que eu acabei de ver seu video sobre como fazer o menu Hamburguer , fiz tudo do jeito certo do video só que ele não está saindo do hamburguer para o X já viw o video de novo pra revisar e está tudo correto e estou sem entender o pq disso se puder me ajudar ficarei muito grato. abraço!

   Esse foi a estilização css

   * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }

   html,
   body {
   height: 100%;
   }

   .container {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   }

   #checkbox-menu {
   position: absolute;
   opacity: 0;
   }

   label {
   cursor: pointer;
   position: relative;
   display: block;
   height: 22px;
   width: 30px;
   }

   label span {
   position: absolute;
   display: block;
   height: 5px;
   width: 100%;
   border-radius: 30px;
   background: #f16234;
   transition: 0.25s ease-in-out;
   }

   label span:nth-child(1) {
   top: 0;
   }

   label span:nth-child(2) {
   top: 8px;
   }

   label span:nth-child(3) {
   top: 16px;
   }

   #checkbox-menu:checked+label span:nth-child(1) {
   transform: rotate(-45deg);
   top: 8px;
   }

   #checkbox-menu:checked+label span:nth-child(2) {
   opacity: 0;
   }

   #checkbox-menu:checked+label span:nth-child(3) {
   transform: rotate(45deg);
   top: 8px;
   }

   e essa foi o HTML

   Menu Hamburguer

   Responder
   • 

     Dener Troquatte no 20 de fevereiro de 2021 a partir do 09:16

     Fala ai monstro da internet, tudo bem?
     Olha vou te pedir para dar uma olhada no código aqui no https://codepen.io/dener-troquatte/pen/gObPpKr

     Da uma comparadinha, pois estou na correria para tentar te ajudar a corrigir.
     Acho que isso ajudaria muito.

     Vamos pra cima Monstrão da internet, mto obrigado por acompanhar!

     Responder
3. 

   aderferrer no 26 de janeiro de 2023 a partir do 10:07

   belissimo tutorial, gostei muito do conteúdo.

   Responder
   • 

     Dener Troquatte no 27 de janeiro de 2023 a partir do 16:31

     Valeuuuuuu, bora pra cima!

     Responder