A equipe do Chrome responde às preocupações da comunidade.

Criar experiências da Web completas

O Chrome no Android vai ocupar toda a tela a partir do Chrome 135.

Saiba como as animações acionáveis e guiadas pelo rolagem aprimoram os artigos de narrativa

Agora é possível usar attr() com qualquer propriedade CSS, incluindo propriedades personalizadas, e analisar valores em tipos de dados diferentes de strings.

Junte-se à equipe do Chrome DevRel e ao Dino do Chrome em um skate em uma jornada pelos CSS mais recentes lançados para o Chrome e a plataforma da Web em 2024.

Agora é possível definir o tipo de exibição e estilizar o contêiner para a parte que se expande e se contrai usando o novo pseudoelemento ::details-content.

O Chrome 130 está sendo lançado! O picture-in-picture do documento oferece mais controle sobre janelas picture-in-picture, as declarações aninhadas de CSS corrigem alguns casos extremos complicados e você pode especificar como as decorações se comportam em elementos divididos em várias linhas. Pete LePage tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 130.

Comece com transições de visualização do mesmo documento para usar em um aplicativo de página única.

Animar entre palavras-chave de dimensionamento intrínseco e a partir delas com `interpolate-size` e `calc-size()`

Introdução de dois novos eventos JavaScript: scrollSnapChange e rollingSnapChange.

Com cada vez mais pessoas começando a usar a API View Transition, é hora de desmascarar alguns equívocos.

Leia todos os avisos sobre CSS e interface da Web no Google I/O 2024.

Apresentamos as transições de visualização entre documentos para MPA, as transições de visualização seletivas com tipos ativos e o compartilhamento de estilos de animação com a classe de transição de visualização.

Saiba como os sites de e-commerce se beneficiam da implementação dos recursos mais recentes de CSS e interface do usuário: transições de visualização, animações de rolagem, API Popover e muito mais.

Descubra os benefícios das animações de rolagem com Policybazaar, redBus e Tokopedia.

Um curso em vídeo com 10 partes para aprender tudo sobre animações de rolagem

Uma proposta para definir alvenaria e grade em especificações diferentes.

A API View Transition permite adicionar transições entre visualizações de um site.

Comece a usar as transições de visualização entre documentos para uso no seu aplicativo de várias páginas (MPA, na sigla em inglês).

A partir do Chrome 122, o elemento "::backdrop" herda propriedades do elemento de origem.

Use as propriedades `scrollbar-width` e `scrollbar-color` para estilizar as barras de rolagem.

Cria um acordeão exclusivo com vários elementos `` que têm o mesmo `name`.

2023 foi um ano incrível para o CSS! Saiba mais sobre o que chegou ao Chrome e em toda a plataforma da Web este ano.

Saiba como usar @scope para selecionar elementos apenas em uma subárvore limitada do seu DOM.

Introdução de linear(), uma função de easing em CSS que interpola linearmente entre seus pontos, permitindo que você recrie efeitos de salto e mola.

Os 20 principais recursos de CSS e IU destacados no Google I/O 2023 que você não pode perder.

Aprenda a trabalhar com linhas do tempo de rolagem e de visualização para criar animações de rolagem de maneira declarativa.

Um dos nossos recursos favoritos de pré-processador de CSS agora está integrado à linguagem: regras de estilo de aninhamento.

O grupo de trabalho do CSS continua debate sobre a melhor maneira de definir a transição no CSS. Se você cria CSS, queremos sua ajuda.

Quais serão as mudanças no comportamento de redimensionamento da janela de visualização no Chrome 108, por que o Chrome fará essa mudança e o que você pode fazer para se preparar.

O Chrome 106 está sendo lançado. Novas APIs internacionais para você ter mais controle ao formatar números. Há um teste de origem para a nova API Pop Up, o que facilita a exibição de conteúdos essenciais para o usuário. Há várias melhorias de CSS. E há muito mais.

Confira algumas das mudanças recentes no Chrome DevTools que melhoram sua experiência de depuração e criação de perfis ao trabalhar com bundlers, frameworks e código de terceiros.

Usando o Angular como um piloto de teste, as equipes do Chrome DevTools e do Angular colaboraram para oferecer uma experiência de depuração melhor. Outras estruturas podem resultar em mudanças semelhantes.

"As camadas em cascata são uma nova API CSS para ajudar você a gerenciar a precedência em cascata do seu código, chegando a todos os navegadores modernos em breve."

O Chrome 89 já está sendo lançado. WebHID, WebNFC e Web Serial concluíram os testes de origem e agora estão disponíveis na versão estável. Estamos fechando uma brecha que alguns desenvolvedores costumavam contornar as verificações de instalação do PWA. "Compartilhamento da Web" e "Destino do compartilhamento da Web" chegam à área de trabalho. E há muito mais!

Chrome 131 is rolling out now! More CSS styling for the details element, easier print layout with page margin boxes, and there is plenty more.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.