Новое на веб-платформе в июле

Узнайте о некоторых интересных функциях, которые появились в стабильных и бета-версиях веб-браузеров в июле 2022 года.

Стабильные версии браузера

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

Свойство backdrop-filter

Firefox 103 включает свойство backdrop-filter , которое используется для применения таких эффектов, как размытие, к области позади элемента. Благодаря этому значению в Firefox оно теперь доступно во всех трех движках, хотя Safari требует префикс -webkit .

Поддержка браузера

  • 76
  • 79
  • 103
  • 18

Источник

Свойство scroll-snap-stop

Firefox также реализовал свойство scroll-snap-stop . Это свойство дает вам контроль над тем, будет ли элемент прокрутки проходить через возможные позиции привязки (со значением по умолчанию normal ) или должен привязываться к первой (со значением always ). Свойство scroll-snap-stop теперь присутствует во всех трех браузерных движках.

Поддержка браузера

  • 75
  • 79
  • 103
  • 15

Источник

Safari 15.6 был выпуском, в основном посвященным решению проблем, однако в нем появилась одна новая функция CSS с псевдоклассом :modal . Эта функция также была реализована в Firefox 103. Псевдокласс :modal выбирает элемент, когда со всем, что находится за пределами этого элемента, нельзя взаимодействовать, пока элемент не будет закрыт. Например, элемент dialog , открытый с помощью showModal() .

Поддержка браузера

  • 105
  • 105
  • 103
  • 15,6

Источник

Бета-версии браузера

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию.

Из-за того, что даты выпуска выпадают сразу за месяц, единственной новой бета-версией в июне стал Firefox 104 .

В Firefox 104 включен API загрузки шрифтов CSS в Web Workers и свойство animation-composition , которое определяет операцию композиции, используемую, когда несколько анимаций одновременно влияют на одно и то же свойство.

Бета-версия Safari 16 , упомянутая в прошлом месяце, также все еще продолжается.

Эти бета-функции скоро появятся в стабильных браузерах.

Часть новой веб-серии.