backdrop-filter
Propriedade CSS que aplica um filtro — quase sempre um desfoque — ao que está atrás de um elemento, em vez de ao próprio elemento.
É o que produz o efeito de vidro fosco: um painel semitransparente em que o fundo aparece por trás, mas embaçado o suficiente para o texto por cima continuar legível. O visual foi emprestado do macOS e do iOS e virou um item fixo do design de interfaces na web. Duas coisas surpreendem quem usa a propriedade pela primeira vez. O elemento precisa ser de fato parcialmente transparente — se o fundo for totalmente opaco, não há nada para ver através do filtro. E o custo é real: a propriedade cria um novo contexto de empilhamento, força sua própria camada de composição, e uma área grande recalculada a cada quadro é uma das formas mais confiáveis de deixar uma página travando num celular.