Novidades do Chrome 135

Rachel Andrew

Publicado em: 1º de abril de 2025

O Chrome 135 já está sendo lançado, e esta postagem compartilha alguns dos principais recursos da versão. Leia as notas da versão do Chrome 135 completas e confira nosso resumo trimestral com tudo o que foi lançado até agora este ano.

Destaques desta versão

Há um conjunto de recursos que ativam carrosséis CSS. Os atributos command e commandfor permitem anexar comportamento aos botões de maneira declarativa. A função CSS shape() permite definir uma forma para as propriedades clip-path e offset-path.

Carrosséis de CSS

Há um grande número de recursos do CSS nas notas da versão, e muitos deles são pequenas adições diferentes que se combinam para ativar os carrosséis do CSS. Os principais recursos são os novos pseudoelementos CSS—::scroll-button() and::scroll-marker()`, que permitem transformar uma área rolável em um carrossel.

Para saber como usar esses novos recursos e se inspirar para seus próprios projetos, leia Carrosséis com CSS.

Os atributos command e commandfor

O Chrome 135 apresenta novos recursos para fornecer comportamento declarativo com os novos atributos command e commandfor, aprimorando e substituindo os atributos popovertargetaction e popovertarget. Esses novos atributos podem ser adicionados a botões, permitindo que o navegador resolva alguns problemas principais relacionados à simplicidade e acessibilidade, além de oferecer funcionalidades comuns integradas.

O HTML a seguir configura relações declarativas entre um botão e o menu, permitindo que o navegador processe a lógica e a acessibilidade para você. Não é necessário gerenciar aria-expanded nem adicionar JavaScript extra.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Saiba mais sobre esses novos atributos em Apresentação dos comandos command e commandfor.

A função shape() do CSS

A função CSS shape() é usada para definir uma forma para as propriedades clip-path e offset-path.

A função shape() usa um conjunto de comandos aproximadamente equivalente aos usados por path(), mas com uma sintaxe CSS mais padrão, e permite toda a funcionalidade do CSS, como unidades e funções matemáticas adicionais. Ele está no Firefox Nightly e no Safari 18.4 Beta, então deve estar disponível em breve na Baseline Newly.

E muito mais.

Claro que há muito mais.

  • A API Web Speech agora inclui suporte para MediaStreamTrack.
  • O Float16Array é compatível e se torna "Recém-disponível" na linha de base.
  • Agora há suporte para a API Observable.

Leitura adicional

Isso abrange apenas alguns destaques importantes. Confira os links a seguir para mais mudanças no Chrome 134.

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo. Ou siga nosso perfil no X ou LinkedIn para ler novos artigos e postagens do blog.

Assim que o Chrome 135 for lançado, vamos contar tudo o que há de novo no Chrome!