Опубликовано: 7 апреля 2026 г.
Выходит новая версия Chrome 147, и в этом посте мы расскажем о некоторых ключевых функциях этого релиза. Ознакомьтесь с полными примечаниями к выпуску Chrome 147 .
Основные моменты этого релиза:
- Функция переходов между элементами позволяет использовать
startViewTransitionдля произвольных HTML-элементов. - Функция CSS contrast-color() помогает соответствовать требованиям доступности.
- Свойство CSS
border-shapeпозволяет создавать границы непрямоугольной формы.
Переходы между представлениями, ограниченные областью видимости элемента.
Эта функция позволяет использовать element.startViewTransition() для произвольных HTML-элементов. Элемент задает область видимости для перехода, что означает, что псевдоэлементы перехода затрагиваются родительскими клипами и преобразованиями, и несколько переходов на отдельных элементах могут выполняться одновременно.
Анимации перехода между элементами также позволяют вкладывать текущие анимации перехода и сохранять интерактивность остальной части страницы.
CSS contrast-color()
Эта функция помогает соответствовать требованиям к контрастности для обеспечения доступности.
Функцию contrast-color() можно использовать в любом месте CSS, где ожидается значение цвета. Она принимает аргумент значения цвета и возвращает либо 'black', либо 'white', в зависимости от того, какой из них обеспечивает наибольший контраст с заданным цветом.
Подробнее см. в документации MDN по contrast-color() .
Свойство CSS border-shape
Свойство CSS border-shape позволяет создавать непрямоугольные границы любой произвольной формы, например, многоугольника, круга или shape() .
Хотя border-shape принимает те же формы, что и clip-path , он принципиально отличается. border-shape определяет форму границы, добавляет к ней элементы и обрезает только внутреннюю часть. У border-shape есть два варианта: один для обводки фигуры, а другой для заливки пространства между двумя фигурами.
Дополнительная информация
Здесь описаны лишь некоторые ключевые моменты. Дополнительные изменения в Chrome 147 можно найти по следующим ссылкам.
- Примечания к выпуску Chrome 147 .
- Что нового в инструментах разработчика Chrome (147) .
- ChromeStatus.com обновляет Chrome до версии 147 .
- Календарь релизов Chrome .
Подписаться
Чтобы быть в курсе всех новостей, подпишитесь на YouTube-канал Chrome Developers , и вы будете получать уведомления по электронной почте каждый раз, когда мы выпускаем новое видео. Или подпишитесь на нас в X или LinkedIn, чтобы получать новые статьи и записи в блоге.
Как только выйдет Chrome 148, мы сразу же расскажем вам о новинках в Chrome!