Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em julho de 2022.
Versões estáveis do navegador
Em julho, o Firefox 103 e o Safari 15.6 ficaram estáveis. Com isso, conseguimos interoperabilidade com alguns recursos interessantes do CSS.
A propriedade backdrop-filter
O Firefox 103 inclui a propriedade backdrop-filter, que é usada para aplicar efeitos, como desfocar a área atrás de um elemento. Com esse valor no Firefox, agora 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 permite controlar se um elemento de rolagem passa por possíveis posições de ajuste (com o valor padrão de normal) ou se precisa ser direcionado à primeira (com o valor always). A propriedade scroll-snap-stop agora está disponível nos três mecanismos de navegador.
O Safari 15.6 era uma versão dedicada principalmente a resolver problemas, mas lançou um novo recurso CSS com a pseudoclasse :modal. Esse recurso também foi fornecido no Firefox 103. A pseudoclasse :modal seleciona um elemento quando não é possível interagir com todos os elementos fora dele até que ele seja dispensado. Por exemplo, um elemento dialog aberto com showModal().
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai aparecer na próxima versão estável. Este é um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba esse lançamento.
Como as datas de lançamento caíram logo fora do mês, a única nova versão Beta em junho foi o Firefox 104.
O Firefox 104 inclui a API CSS Fontloading nos 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 para iniciantes na Web