Mas agora temos uma variedade de novos espaços de cores na plataforma da web, incluindo REC2020, P3, XYZ, LAB, OKLAB, LCH e OKLCH.O exemplo a seguir usa características climáticas armazenadas em valores de propriedades personalizadas, como chuva, ensolarado e nublado, para estilizar o ícone de fundo e indicador do cartão.Esses recursos incluem ninho CSS, camadas em cascata, estilos escoposos, funções trigonométricas e propriedades de transformação individuais.Sim, leia isso corretamente: agora você pode ter animações suaves e sedosas, acionadas por rolagem, executando o encadeamento principal, com apenas algumas linhas de código extra.Antes, os desenvolvedores contavam com scripts de terceiros para renomear classes ou convenções de nomenclatura específicas para impedir a colisão de estilo, mas em breve você pode usar o @Scope.
Fonte: https://developer.chrome.com/blog/whats-new-css-ui-2023/
