Primeira vez na plataforma da Web em março

Confira alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e beta durante março de 2026.

Rachel Andrew

Publicado em: 31 de março de 2026

Versões estáveis do navegador

O Chrome 146, o Firefox 149 e o Safari 26.4 foram lançados para a versão estável em março. Nesta postagem, vamos conferir os novos recursos que chegam à plataforma neste mês.

Condições opcionais de consulta de contêiner

O Firefox 149 e o Safari 26.4 incluem suporte para consultas @container somente com nomes e sem condições. Isso permite que você faça a correspondência com contêineres com base apenas nos nomes deles, facilitando o estilo de elementos com base no contexto do contêiner sem precisar especificar restrições de tamanho ou estilo.

Animações acionadas por rolagem

O Chrome 146 adiciona controle de animações com base na posição de rolagem. Com esse recurso, é possível criar interações de forma declarativa com CSS, transferindo o trabalho para uma thread de worker e melhorando o desempenho. Ele também inclui interfaces JavaScript para animações da Web. Saiba mais em As animações acionadas por rolagem do CSS estão chegando.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

A propriedade trigger-scope

Além das animações acionadas por rolagem, o Chrome 146 apresenta a propriedade trigger-scope. Isso permite limitar a visibilidade dos nomes de acionadores de animação, ajudando a isolar as interações de animação para acionamento e evitar conflitos de nomes globais.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

Valor hint do pop-up

O Firefox 149 agora é compatível com o valor hint para o atributo global popover. Os popovers com o valor hint não fecham os popovers auto quando são mostrados, mas fecham outros popovers hint, oferecendo um controle mais refinado sobre o comportamento do popover.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: not supported.

Faixas de grade

O Safari 16.4 é compatível com display: grid-lanes, que é o valor de display que ativa um layout de estilo alvenaria.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

Funções matemáticas no atributo sizes

O Safari 26.4 adiciona suporte para usar as funções matemáticas min(), max() e clamp() no atributo sizes dos elementos <img>. Isso oferece mais flexibilidade para o carregamento de imagens responsivas.

Sequenciamento de iteradores JavaScript

O Chrome 146 e o Safari 26.4 agora oferecem suporte ao sequenciamento de iteradores, introduzindo Iterator.concat(...items) para criar iteradores sequenciando os atuais. Esse recurso já está disponível na opção "Nova linha de base".

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Interface CloseWatcher

O Firefox 149 adiciona suporte à interface CloseWatcher. Isso permite que desenvolvedores implementem componentes que podem ser fechados usando mecanismos nativos do dispositivo, como a tecla Esc no Windows ou a tecla "Voltar" no Android, da mesma forma que caixas de diálogo e popovers integrados.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia dos recursos que estarão na próxima versão estável. Você pode testar novos recursos ou remoções que podem afetar seu site antes do lançamento estável. As novas versões Beta deste mês incluem o Firefox 150 e o Chrome 147.

Beta do Chrome 147

A versão Beta do Chrome 147 inclui contrast-color(), uma função CSS que retorna preto ou branco, dependendo de qual oferece o maior contraste com a cor do argumento. Também estão incluídas border-shape e transições de visualização no escopo do elemento.

O Firefox 150 Beta adiciona a palavra-chave CSS revert-rule, customeElementRegistry para elementos e DocumentOrShadowRoot, e light-dark() para imagens.