Novidades do Chrome 135

Publicado em 1º de abril de 2025

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

Destaques desta versão

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

Carrosséis CSS

Há um grande número de recursos de CSS nas notas da versão, e muitos deles são pequenas adições diferentes que se combinam para ativar os carrosséis de 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 ter inspiração 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, melhorando 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 e ofereça funcionalidades comuns integradas.

O HTML a seguir configura relações declarativas entre um botão e o menu, o que permite que o navegador gerencie a lógica e a acessibilidade para você. Não é preciso gerenciar o atributo aria-expanded ou adicionar outro JavaScript.

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

Saiba mais sobre esses novos atributos em Introdução a 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 o faz com uma sintaxe CSS mais padrão e permite a gama completa de funcionalidades CSS, como unidades e funções matemáticas. Ele está no Firefox Nightly e no Safari 18.4 Beta, então a versão de referência estará disponível em breve.

E muito mais.

Claro que há muito mais.

  • A API Web Speech agora inclui suporte a MediaStreamTrack.
  • O Float16Array tem suporte e passa a ser "Baseline Newly available".
  • Agora há suporte para a API Observable.

Leitura adicional

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

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube dos desenvolvedores do Chrome. Você vai receber uma notificação por e-mail sempre que lançarmos um novo vídeo. Ou siga nossa página no X ou no LinkedIn para conferir novos artigos e postagens do blog.

Assim que o Chrome 135 for lançado, vamos informar as novidades do Chrome.