Tela de login feita em React e utilizando Tailwind.
A ideia aqui é treinar um pouco de "glassmorphism", um estilo de design que apresenta efeitos semelhantes ao vidro. Ou seja, os elementos possuem aparência translúcida, com um resultado acentuado quando sobrepostos a fundos coloridos.
obs: as animações foram feitas usando apenas CSS (transform/translate e animate).
obs²: para as imagens PNG você pode utilizar o Canva. Lá, além de ser possível usar elementos da pŕopria biblioteca deles, você ainda consegue subir uma imagem e apagar/retirar o fundo (não se esqueça de importar como "background transparent".
O projeto foi inspirado em um vídeo do YouTube que vi alguns meses atrás, mas foi adaptado para React e Tailwind. Além disso, no repositório você pode encontrar outras 3 telas, uma para cada estação do ano.
🖥 live: https://lnkd.in/dg3pWDPN (basta clicar no botão de "MUDAR" no canto direito da tela para ver todas as telas)