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 - neon no input

    Agora vamos criar a sombra com gradiente ao fundo do input. Para isso, vamos utilizar uma estratégia de posicionamento e opacidade. O Ícaro também explica um pouco sobre a classe group do TailwindCSS e como ela consegue fazer com que essa sombra seja ativada quando o input está focado.

    Comentários

    (0)