Узнайте о некоторых интересных функциях, которые появились в стабильных и бета-версиях веб-браузеров в июле 2022 года.
Стабильные версии браузера
В июле Firefox 103 и Safari 15.6 стали стабильными, и благодаря этому мы получили возможность взаимодействия с парой интересных функций CSS.
Свойство backdrop-filter
Firefox 103 включает свойство backdrop-filter , которое используется для применения таких эффектов, как размытие, к области позади элемента. Благодаря этому значению в Firefox оно теперь доступно во всех трех движках, хотя Safari требует префикс -webkit .
Свойство scroll-snap-stop
Firefox также реализовал свойство scroll-snap-stop . Это свойство дает вам контроль над тем, будет ли элемент прокрутки проходить через возможные позиции привязки (со значением по умолчанию normal ) или должен привязываться к первой позиции (со значением always ). Свойство scroll-snap-stop теперь присутствует во всех трех браузерных движках.
Safari 15.6 был выпуском, в основном посвященным решению проблем, однако в нем появилась одна новая функция CSS с псевдоклассом :modal . Эта функция также была реализована в Firefox 103. Псевдокласс :modal выбирает элемент, когда со всем, что находится за пределами этого элемента, нельзя взаимодействовать, пока элемент не будет закрыт. Например, элемент dialog , открытый с помощью showModal() .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию.
Из-за того, что даты выпуска выпадают сразу за месяц, единственной новой бета-версией в июне стал Firefox 104 .
В Firefox 104 включен API загрузки шрифтов CSS в Web Workers и свойство animation-composition , которое определяет операцию композиции, используемую, когда несколько анимаций одновременно влияют на одно и то же свойство.
Бета-версия Safari 16 , упомянутая в прошлом месяце, также все еще продолжается.
Эти бета-функции скоро появятся в стабильных браузерах.