16 октября 2026

Что произошло

2 октября 2026 года web.dev опубликовал ежемесячный обзор «New to the web platform in September». Среди прочего в нём отмечено, что ряд CSS-возможностей получил статус Baseline Newly available: теперь они поддерживаются во всех основных браузерах. Для сентября в обзоре упомянуты стабильные релизы Chrome, Firefox и Safari 27, а также переход Chrome и Firefox на двухнедельный цикл стабильных релизов.

Как это работает

  • light-dark() с изображениями. Раньше функция принимала только цвета. Теперь она может переключать два изображения, например url() или градиенты, в зависимости от активной цветовой схемы. В обзоре поддержка указана для Chrome 150, Firefox 150 и Safari 27.
  • alpha(). Функция возвращает исходный цвет с изменённой прозрачностью, сохраняя цветовые каналы и цветовое пространство. Поддержка: Chrome 151, Firefox 155, Safari 27.
  • progress(). Возвращает число, показывающее, где значение находится между начальной и конечной точкой, обычно в диапазоне от 0 до 1. Подходит для плавного изменения размеров, прозрачности или цвета. Опция no-clamp позволяет выйти за пределы 0–1.
  • revert-rule. Ключевое слово сбрасывает свойство к значению, которое оно имело бы без текущего правила. Отличается от revert (сброс к стилям пользователя или браузера) и revert-layer (откат к предыдущему каскадному слою).
  • Scroll anchoring и overflow-anchor. Страница не «прыгает», когда содержимое выше видимой области меняется. Safari 27 включает механизм и добавляет свойство; overflow-anchor: none отключает его для конкретного элемента.

Что это значит для дизайнера и для заказчика

Для темы оформления это означает, что светлый и тёмный вариант декоративного фона или иллюстрации можно задавать прямо в CSS, без отдельных скриптов. Дизайнеру стоит учитывать это при подготовке макетов тёмной темы: фоновые изображения для двух схем можно проектировать как пару.

Функция alpha() упрощает работу с палитрой: из одного цвета бренда получаются полупрозрачные варианты без хранения отдельных значений. Для заказчика это меньше разрозненных цветов в коде и более предсказуемое соответствие гайдлайну.

Стабильность прокрутки на мобильных устройствах и в ленте с подгружаемым содержимым касается всех, кто делает длинные страницы: положение чтения больше не должно сбиваться при догрузке блоков выше.

На что обратить внимание

Статус Baseline Newly available означает, что возможность только что стала доступна во всех основных браузерах, но у части посетителей могут быть более старые версии. Если проект рассчитан на широкую аудиторию, имеет смысл заложить запасной вариант и проверить статистику браузеров своего сайта. Точные версии браузеров и подробности по каждой возможности лучше сверять с обзором web.dev и справочниками по веб-платформе.

Источники