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
  • Montando a estrutura do HTML

    A estrutura básica do HTML é pensada e mostrada. O Ícaro comenta sobre sua escolha sobre usar uma tag de input checkbox usando a classe sr-only do Tailwind CSS.

    Comentários

    (0)