• O ::marker e ::details-content CSS Pseudo-elementos.
• Usando content-visibility para alternar o conteúdo em vez de display.
• Expandindo automaticamente o

  Elemento com partidas de localização em página.
• O hidden="until-found" Atributo, que oculta um elemento até ser encontrado usando a pesquisa de localização em página do navegador ou é navegado diretamente seguindo um fragmento de URL.

O CSS @scope AT-RULE

O @scope O AT-RULE permite que você escapasse seus seletores para um sub-árvore do DOM ou até selecione entre um limite superior e inferior na árvore. Por exemplo, o seguinte CSS apenas seleciona elementos dentro de um elemento com uma classe de
.card.

@scope (.card) {
  img {
    border-color: green;
  }
}

No próximo exemplo, é usado um limite superior e inferior. O o elemento só é selecionado se for entre o elemento com uma classe de .card e também fora do elemento com uma classe de .card__content.

@scope (.card) to (.card__content) {
  img {
    border-color: green;
  }
}

Encontre mais exemplos de como você pode usar @scope em Limite o alcance de seus seletores com o CSS @scope
AT-RULE e no @scope

Documentação no MDN.

O scrollend evento

Sem o scrollend Evento, não há uma maneira confiável de detectar que um pergaminho esteja completo. O melhor que você pode fazer é usar setTimeout() Para verificar se o pergaminho parou por um período. Isso o torna mais parecido com um pergaminho interrompido, não um rolagem terminou o evento.

document.onscroll = event => {
  clearTimeout(window.scrollEndTimer)
  window.scrollEndTimer = setTimeout(callback, 100)
}

Com o scrollend Evento, o navegador faz toda essa avaliação difícil para você.

document.onscrollend = event => {
  // ...
}

Veja mais exemplos em Scrollend, um novo evento JavaScript e também no Documentação do MDN para
scrollend.

O text-decoration propriedade

O
text-decoration

Propriedade é uma abreviação para text-decoration-lineAssim, text-decoration-colorAssim,
text-decoration-stylee text-decoration-thickness. É considerado amplamente disponível text-decoration-line. É isso que será abordado durante 2025.

Modos de escrita

O CSS writing-mode

A propriedade possui vários valores possíveis, muitos dos quais foram projetados para exibir scripts que exibem verticalmente. Às vezes, no entanto, você deseja estabelecer texto verticalmente como parte de um design, e não por motivos de suporte ao idioma. O
sideways-lr e sideways-rl Os valores são projetados para isso, mas sofreram com compatibilidade com falta de navegador. Isso deve ser corrigido durante 2025.

Além disso, as propriedades CSS lógicas overflow-inline e overflow-block
estão incluídos. Isso torna possível controlar o que acontece quando o conteúdo transborda de caixas, independentemente do modo de escrita.

Vitals da Web centrais

Os vitais da Web podem ajudá -lo a quantificar a experiência do seu site e identificar oportunidades para melhorar. A iniciativa Web Vitals visa simplificar a paisagem e ajudar os sites se concentram nas métricas que mais importam, nos principais vitais da Web.

A interop 2025 inclui a maior tinta conteúdo (LCP) e a interação com as métricas da próxima tinta (INP) implementando a implementação do
Maior API da Paint e o
API de tempo de evento através dos navegadores. A métrica de mudança de layout cumulativa (CLS) não está no escopo.

API LCP

API de tempo de evento (para INP)

WebAssembly (WASM)

A API WebAssembly permite carregar o código WebAssembly, um formato de instrução binária portátil. Pode permitir que você faça coisas como executar um aplicativo inteiro, incluindo todos os requisitos do servidor, no navegador!

Este ano, o trabalho se concentrará nos seguintes recursos:

• JavaScript String Buildins: Para fazer com que as funções de string integradas da WebAssembly espelhem um subconjunto da API da String JavaScript para que possa ser chamável sem o código de cola JavaScript.
• Integração de buffers redimensíveis: para integrar o WebAssembly no código JavaScript que usa buffers redimensíveis.

Remoções de recursos

Este ano, o projeto inclui uma remoção da plataforma. Eventos de mutação são obsoletos e substituídos pelo muito mais desempenho e base amplamente disponível
API do observador de mutação. O Chrome removeu esses eventos no Chrome 126, e essa área de foco é removê -los de todos os navegadores.

Para entender a história e por que esses eventos estão sendo removidos, leia
Eventos de mutação serão removidos do Chrome.

Saber mais

Descrições da lista completa de recursos podem ser encontradas no projeto Readme. Além disso, leia as postagens das outras empresas que trabalham na Interrop 2025.