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>Fazendo o toggle se mexer

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)