Chrome 117. Что нового? , @starting-style, allow-discrete

Недавно вышел Chrome 117 и я решил рассказать, что там получилось интересного. Свойство @starting-style для задания дефолтного состояния элемента, которое не анимируется при старте с помощью transition, а также используется для дефолтного состояния при анимациях. Дискретные свойства(например, display) можно анимировать в transition, если добавить transition-behavior: allow-discrete Методы и появились для группировки массивов по какому-то ключу Теперь можно локально подменять заголовки и ответы от сервера на свои Реализовано свойство subgrid () для grid-template-columns и grid-template-rows Поменялись немного темы Chrome на Material. Особенно DevTools. Ошибки, предупреждения в консоли выводятся в закруглённых прямоугольниках. В разделе Сеть также много закруглённых элементов. Поменялись цвета в DOM дереве и в стилях(DevTools) В разделе стили появилась кнопочка включить/отключить эмуляцию отрисовку (тёмная или белая тема), которые слушает браузер из операционной системы, их можно теперь тестировать можно из браузера, не переключая всю систему. Также Chrome научился каким-то образом переключать разные сайты в тёмную тему, даже если эта тема для сайта не написана, с помощью этого ползунка. 0:00 Что нового в Chrome 117, основное 1:16 @starting-style 2:33 Пример анимации display 5:32 Группировка массивов, 7:53 Локальное переопределение 12:08 Как поменялся DevTools 13:08 Что интересное можно изучить Мои контакты: почта - kamahinmihail@ vk - telegram - twitch - vk play live -