Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis e beta em março de 2026.
Publicado: 31 de março de 2026
Versões de navegador estáveis
Cromo 146, Firefox 149 e
Safári 26.4
liberado para estável durante março. Este post dá uma olhada nos novos recursos que chegam à plataforma este mês.
Condições opcionais de consulta de contêiner
Tanto o Firefox 149 quanto o Safari 26.4 incluem suporte apenas para nome @container
consultas que não têm condições. Isso permite fazer a correspondência com contêineres com base apenas em seus nomes, tornando mais simples estilizar elementos com base no contexto do contêiner, sem a necessidade de especificar restrições de tamanho ou estilo.
Animações acionadas por rolagem
O Chrome 146 adiciona controle de animações baseado na posição de rolagem. Esse recurso permite criar interações declarativamente com CSS, transferindo o trabalho para um thread de trabalho e melhorando o desempenho. Também inclui interfaces JavaScript para animações web. Saiba mais em
Animações CSS acionadas por rolagem estão chegando.
O trigger-scope propriedade
Junto com animações acionadas por rolagem, o Chrome 146 apresenta o
trigger-scope propriedade. Isso permite limitar a visibilidade dos nomes dos gatilhos de animação, ajudando a isolar interações entre animação e gatilho e evitar conflitos de nomes globais.
Popover hint valor
Firefox 149 agora suporta o hint valor para o popover atributo global. Popovers com o hint o valor não fecha auto popovers quando exibidos, mas fechará outros hint popovers, fornecendo controle mais refinado sobre o comportamento do popover.
Pistas de grade
Safari 26.4 suporta display: grid-laneseste é o valor de display que ativa um layout em estilo de alvenaria.
Funções matemáticas em sizes atributo
Safari 26.4 adiciona suporte para usar o min(), max()e clamp() funções matemáticas no sizes atributo de
Sequenciamento de iterador JavaScript
Tanto o Chrome 146 quanto o Safari 26.4 agora oferecem suporte ao sequenciamento de iteradores, apresentando
Iterator.concat(...items) para criar iteradores sequenciando os existentes. Este recurso agora está disponível como linha de base recentemente.
Interface CloseWatcher
Firefox 149 adiciona suporte para o
CloseWatcher interface. Isso permite que os desenvolvedores implementem componentes que podem ser fechados usando mecanismos nativos do dispositivo, como o Esc tecla no Windows ou a tecla Voltar no Android, da mesma forma que caixas de diálogo e popovers integrados.
Lançamentos de navegadores beta
As versões beta do navegador fornecem uma prévia dos recursos que estarão na próxima versão estável do navegador. Você pode testar novos recursos ou remoções que possam afetar seu site antes do lançamento estável. Novos lançamentos beta este mês incluem
Firefox 150
e Cromo 147.
Chrome 147 beta
O Chrome 147 beta inclui contrast-color()—uma função CSS que retorna preto ou branco, dependendo de qual fornece o maior contraste em relação à cor do argumento. Também está incluído border-shape e transições de visualização com escopo de elemento.
Firefox 150 beta adiciona CSS revert-rule palavra-chave,
customeElementRegistry para Elements e DocumentOrShadowRoot, e light-dark()
para imagens.
