Toggle de Dark Mode com TailwindCSS

Workshop

12 vídeos • 01:37:12
  1. 1.

    Apresentando o Toggle

    01:26
  2. 2.

    Iniciando o projeto

    06:27
  3. 3.

    Montando a estrutura do HTML

    09:36
  4. 4.

    Iniciando a estilização do toggle

    11:28
  5. 5.

    Fazendo o toggle se mexer

    06:30
  6. 6.

    Implementando o dark mode do TailwindCSS

    12:50
  7. 7.

    Suavizando a mudança de tema com transições

    12:07
  8. 8.

    Transições e Animações com Tailwind

    16:45
  9. 9.

    Resolvendo um pequeno bug

    01:29
  10. 10.

    Animação apenas com o clique

    04:11
  11. 11.

    Adicionando som no toggle

    05:08
  12. 12.

    Como evitar que a tela pisque no dark mode

    09:15
Login
Workshops>Toggle de Dark Mode com TailwindCSS>Montando a estrutura do HTML

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)