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>Adicionando a imagem

Adicionando a imagem

Usando a estratégia de imagem como background, o Ícaro aproveita para explicar como usar uma box-shadow inset (sombra interna) para fazer o efeito degradê na borda da imagem.

Comentários

(0)