Tela de login com Tailwind CSS

Workshop

12 vídeos • 02:00:39
  1. 1.

    Introdução

    01:32
  2. 2.

    Fazendo o clone e setup do projeto

    05:29
  3. 3.

    Instalando o Tailwind CSS

    07:47
  4. 4.

    Configurando uma fonte customizada

    08:14
  5. 5.

    Estilizando o background

    06:32
  6. 6.

    Criando a estrutura do formulário

    17:26
  7. 7.

    Gradientes no Tailwind CSS

    09:56
  8. 8.

    Estilizando o formulário - gradiente nos inputs

    14:42
  9. 9.

    Estilizando o formulário - neon no input

    12:12
  10. 10.

    Estilizando outros elementos do formulário

    08:28
  11. 11.

    Adicionando a imagem

    18:11
  12. 12.

    Responsividade

    10:10
Login
Workshops>Tela de login com Tailwind CSS>Configurando uma fonte customizada

Configurando uma fonte customizada

Nesse projeto estamos usando uma fonte customizada. O Ícaro explica em detalhes como configurar uma fonte no TailwindCSS

Comentários

(2)
Avatar do usuário
Janfranciscohá 2 meses
No arquivo input.css, você deve colocar o import da fonte na primeira linha do arquivo para poder funcionar corretamente. Antes das diretivas do tailwind.
Ícaro Harryhá 2 meses

Obrigado pelo feedback @Janfrancisco!

Vou fazer essa correção quando formos regravar essas aulas.