Todos

Mini Projetos

Resolução do Mini Projeto

Tela de login mais bonita do mundo

Login

  • Introdução
  • Fazendo o clone e setup do projeto
  • Instalando o Tailwind CSS
  • Configurando uma fonte customizada
  • Estilizando o background
  • Criando a estrutura do formulário
  • Gradientes no Tailwind CSS
  • Estilizando o formulário - gradiente nos inputs
  • Estilizando o formulário - neon no input
  • Estilizando outros elementos do formulário
  • Adicionando a imagem
  • Responsividade
  • Introdução
  • Fazendo o clone e setup do projeto
  • Instalando o Tailwind CSS
  • Configurando uma fonte customizada
  • Estilizando o background
  • Criando a estrutura do formulário
  • Gradientes no Tailwind CSS
  • Estilizando o formulário - gradiente nos inputs
  • Estilizando o formulário - neon no input
  • Estilizando outros elementos do formulário
  • Adicionando a imagem
  • Responsividade
  • 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)