Todos

Mini Projetos

Resolução do Mini Projeto

Toggle de dark mode animado

Login

  • Apresentando o Toggle
  • Iniciando o projeto
  • Montando a estrutura do HTML
  • Iniciando a estilização do toggle
  • Fazendo o toggle se mexer
  • Implementando o dark mode do TailwindCSS
  • Suavizando a mudança de tema com transições
  • Transições e Animações com Tailwind
  • Resolvendo um pequeno bug
  • Animação apenas com o clique
  • Adicionando som no toggle
  • Como evitar que a tela pisque no dark mode
  • Apresentando o Toggle
  • Iniciando o projeto
  • Montando a estrutura do HTML
  • Iniciando a estilização do toggle
  • Fazendo o toggle se mexer
  • Implementando o dark mode do TailwindCSS
  • Suavizando a mudança de tema com transições
  • Transições e Animações com Tailwind
  • Resolvendo um pequeno bug
  • Animação apenas com o clique
  • Adicionando som no toggle
  • Como evitar que a tela pisque no dark mode
  • Acesso exclusivo para membros PRO

    Esse conteúdo é exclusivo para nossos assinantes.

    Libere esse e muito mais conteúdo assinando o Codante PRO.

    Fazendo o toggle se mexer

    Usando a classe peer do Tailwind CSS, o Icaro irá fazer o toggle se mexer se o checkbox estiver ativo.

    Comentários

    (0)