CSS样式支持
在本指南中，我们概述了 Framer 中的现代 CSS 样式及其浏览器兼容性。
Framer 中的现代 CSS 样式
Framer 支持多种 CSS 样式，包括 模糊、滤镜、混合模式、Z 索引、光标、指针事件 和 用户选择，这些功能均被主流浏览器广泛支持。以下我们重点介绍一个近期引入且浏览器支持良好的属性：过度滚动（Overscroll）。
过度滚动行为
overscroll 属性用于控制当用户滚动到可滚动区域边界时的行为，例如 Overflow 设置为 Scroll 的 Frame 或 Stack。
主要使用场景：在可滚动菜单打开时，防止背景页面随之滚动。这在移动端导航中尤为实用。
overscroll 的浏览器支持情况
Chrome：65+
Chrome on Android：111
Edge：79+
Safari：16+（自2022年9月起）
Safari on iOS：16+
Firefox：59+
Opera：52+
Opera Mobile：73
Samsung Internet：8.2+
Android Browser：119
Firefox for Android：119
有关最新的浏览器支持信息，请参考 Can I Use。
蒙版（Masks）
mask 属性允许使用渐变或图像来完全或部分隐藏某个元素（如 Frame）的一部分内容。
mask 的浏览器支持情况
Chrome：120+
Chrome on Android：120+
Edge：120+
Safari：15.4+
Safari on iOS：15.4+
Firefox：53+
Opera：106+
Opera Mobile：80
Samsung Internet：25+
Android Browser：120
Firefox for Android：53+
有关最新的浏览器支持信息，请参考 Can I Use。