Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web Stable e Beta em julho de 2022.
Lançamentos de navegadores estáveis
Em julho, o Firefox 103 e o Safari 15.6 se tornaram estáveis e, com isso, tivemos a interoperabilidade de alguns bons recursos de CSS.
A propriedade backdrop-filter
O Firefox 103 inclui a propriedade backdrop-filter, que é usada para aplicar efeitos, como desfoque, à área atrás de um elemento. Com esse valor no Firefox, ele está disponível nos três mecanismos, embora o Safari exija o prefixo -webkit.
A propriedade scroll-snap-stop
O Firefox também implementou a propriedade scroll-snap-stop. Essa propriedade oferece controle sobre se um elemento de rolagem vai passar sobre possíveis posições de ajuste (com o valor padrão de normal) ou se precisa ser ajustado à primeira (com o valor always). A propriedade scroll-snap-stop agora está nos três mecanismos de navegador.
O Safari 15.6 foi uma versão dedicada principalmente a resolver problemas, mas conseguiu um novo recurso CSS com a pseudoclasse :modal. Esse recurso também foi incluído no Firefox 103. A pseudoclasse :modal seleciona um elemento quando não é possível interagir com nada fora dele até que o elemento seja dispensado. Por exemplo, um elemento dialog aberto com showModal().
Versões do navegador Beta
As versões Beta oferecem uma prévia do que será incluído na próxima versão estável do navegador. Esse é um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes do lançamento oficial.
Devido às datas de lançamento fora do mês, a única versão Beta nova em junho foi o Firefox 104.
No Firefox 104, estão a API CSS Font Load no Web Workers e a propriedade CSS animation-composition, que define a operação de composição usada quando várias animações afetam a mesma propriedade simultaneamente.
A versão Beta do Safari 16 mencionada no mês passado também está em andamento.
Esses recursos Beta estarão disponíveis em navegadores estáveis em breve.
Parte da série na Web do Google