Como criar um toggle switch com HTML e CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

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

  • @matheusdantas4108
    @matheusdantas4108 3 ปีที่แล้ว +12

    Traz mais conteúdo desse tipo. ajudou dms aqui!

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

      Opa, pode deixar que tem mais coisa vindo por ai. Valeuu :)

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

    Esse é o BRAIA! 👍

  • @mestrecodmobile
    @mestrecodmobile 3 ปีที่แล้ว +7

    Tooop simples e rapido!!!

    • @LayerComp
      @LayerComp  3 ปีที่แล้ว

      Valeuuu 🙂

  • @eliaso.almeida1129
    @eliaso.almeida1129 3 ปีที่แล้ว +3

    me ajudo muito man, espero que continue postando videos assim, abraço.
    Obs: mais um escrito.

  • @usuarioburro
    @usuarioburro 11 หลายเดือนก่อน

    Olá, sei que talvez não tenha tempo para responder esta pergunta, mas por que você usou position relative e absolute? No que eles influenciaram o switch? Abraços!

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

    muito legal...

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

    Muito rápido e prático, Valeu demais.

    • @LayerComp
      @LayerComp  3 ปีที่แล้ว

      Valeu, Francisco! :)

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

    Muito top cara valeu demais

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

    cara eu fiz tudo certinho, mas ele continua mostrando como o checkbox padrão :(

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

    Gostei toma o meu dedo aqui pada você: 👍🏼. Não sabia que dava para fazer isso sem Javascript

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

      Sem uma liguagem de programação o botão é somente visual, ele não interage com nada

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

    Vc muito bom na programaçao parabens seria bom se vc faze se 1 video fazendo seu app ou site que paga pq vc sabe programar vc pode faze seu tipo 1000000 reais coloca qualque valor pq eses codigo nao tem limites

  • @digitalmidia9468
    @digitalmidia9468 3 ปีที่แล้ว +4

    opa como faço pra por uma funçao nele que quando eu ativar ele tocar um audio ou video automatico, e qdo desativar ele parar

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

      Para isso você precisa adicionar uma tag de audio no HTML e pegar a ação do click com Javascript, e a partir disso executar as ações de tocar/parar o audio

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

    Isso é apenas para colocar o toggle na página ou tbm dá pra atribuir função a ele (tipo modo noturno)?

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

      so o toogle..

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

    No JSFiddle funciona, mas quando eu editei no VS code não funcionou, não fica checado no navegador

  • @maconariaestaemtodososesta1321
    @maconariaestaemtodososesta1321 2 ปีที่แล้ว

    Incina fvr como faz um botão você crio para ir para outra página o outro lugar

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

    Você usa o notepad ++?

    • @LayerComp
      @LayerComp  3 ปีที่แล้ว

      No dia a dia uso o VSCode :)

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

    Quando eu clico fica tudo azul e a bolinha branca some

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

      Funcionou colocando left: calc(22px);

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

    Vc está usando visual code?

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

      Neste vídeo estou utilizando o JSFiddle para ficar mais fácil de mostrar. Mas no dia a dia eu utilizo o VSCode