Publicado em: 7 de abril de 2026
O Chrome 147 já está sendo lançado, e esta postagem compartilha alguns dos principais recursos da versão. Leia as notas da versão completa do Chrome 147.
Destaques desta versão:
- As transições de visualização no escopo do elemento expõem
startViewTransitionem elementos HTML arbitrários. - A função contrast-color() do CSS ajuda a atender aos requisitos de acessibilidade.
- A propriedade CSS
border-shapepermite criar bordas não retangulares.
Transições de visualização no escopo do elemento
Esse recurso expõe element.startViewTransition() em elementos HTML arbitrários.
O elemento estabelece um escopo para a transição, o que significa que os pseudoelementos de transição são afetados por clipes e transformações ancestrais, e várias transições em elementos separados podem ser executadas simultaneamente.
As transições de visualização no escopo do elemento também permitem aninhar transições de visualização em andamento e manter o restante da página interativo.
Saiba mais em O Chrome 147 permite transições de visualização simultâneas e aninhadas com transições de visualização no escopo do elemento.
CSS contrast-color()
Essa função ajuda você a atender aos requisitos de contraste para acessibilidade.
Você pode usar a função contrast-color() em qualquer lugar do CSS em que um valor de cor
seja esperado. Ele usa um argumento de valor de cor e retorna "black" ou "white", dependendo de qual oferece o maior contraste com o argumento de cor.
Saiba mais na documentação do MDN para contrast-color().
A propriedade CSS border-shape
A propriedade CSS border-shape permite criar bordas não retangulares com qualquer forma arbitrária, por exemplo, um polígono, um círculo ou um shape().
Embora border-shape aceite as mesmas formas que clip-path, ele é fundamentalmente diferente. border-shape define o formato da borda, decora e corta apenas a parte interna. border-shape tem duas variantes: uma que traça uma forma e outra que preenche entre duas formas.
Leitura adicional
Isso abrange apenas alguns destaques importantes. Confira os links a seguir para mais mudanças no Chrome 147.
- Notas da versão do Chrome 147.
- Novidades do Chrome DevTools (147).
- Atualizações do ChromeStatus.com para o Chrome 147.
- Agenda de lançamentos do Chrome.
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 148 for lançado, vamos contar tudo o que há de novo no Chrome!