A plataforma da Web começou a ser veiculada em julho

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.

Compatibilidade com navegadores

  • 76
  • 79
  • 103
  • 18

Origem

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.

Compatibilidade com navegadores

  • 75
  • 79
  • 103
  • 15

Origem

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().

Compatibilidade com navegadores

  • 105
  • 105
  • 103
  • 15,6

Origem

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