O melhor artigo de hoje: Implementando o kube.io/blog/liquid-gl…o Liquid Glass em um navegador https://t.co/cTSnLxJqlc Isso utiliza CSS puro e efeitos SVG. Definitivamente vale a pena aprender. O grande diferencial é que ele não utiliza nenhuma biblioteca de terceiros. O cálculo do deslocamento da luz é baseado inteiramente no princípio físico da refração (Lei de Snell) e, em seguida, utiliza filtros SVG para distorcer o fundo, criando um efeito de distorção realista que simula a visão através de um vidro curvo. Além disso, adiciona realce nas bordas, tornando-o visualmente muito semelhante ao Liquid Glass da Apple. O efeito é realmente incrível, extremamente refinado, e a distorção é muito realista. Você pode ver a demonstração interativa no artigo ou assistir à minha gravação de tela. Não sei como eles chegaram a esses efeitos, nem que conhecimentos preciso adquirir para entender os princípios subjacentes.
Carregando detalhes do thread
Buscando os tweets originais no X para montar uma leitura limpa.
Isso normalmente leva apenas alguns segundos.