Projeto utilizando conceitos de design Glassmorphism. Nesse projeto foi utilizado HTML e CSS.
É uma tentativa de simular uma película de vidro na aplicação,
O Glassmorphism é uma tendência de UI que simula uma película de vidro da aplicação. Além da transparência, outras caracteristicas são comuns, como uma borda sutil e ele nos objetos translúcidose uma abordagem de várias camadas com objetos flutuanto.
A propriedade backdrop-filter, que é usada para dar o efeito do Glassmorphism não funciona no navegador Firefox, que é o que eu utilizo. No Firefox o posicionamento dos elementos ficam corretos, mas o efeito não funciona.
Já no navegador Chrome o efeito funciona, mas por algum motivo o placeholcer está em uma posição errada.
Pretendo dar uma estudada para resolver esse problema, se eu conseguir eu atualizo o projeto. Outra coisa que pretendo ajeitar em breve é a responsividade.
Glassmorphism - O efeito de vidro, por Afio Vinicius
Glassmorphism usando CSS, por Gabriela Pinheiro
Projeto base, por RH Agency