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
  • Estilizando o formulário - gradiente nos inputs

    O Ícaro, além de explicar como fazer o “ponto final estilizado” que aparece no título, explica a técnica usada para fazer uma borda com gradiente no input. Ele explica como a classe focus-within do TailwindCSS pode ajudá-lo.

    Comentários

    (0)