CSS Styles Support
In this guide, we provide an overview of modern CSS styles in Framer and their browser compatibility.
FAQ
What modern CSS styles does Framer support?
Framer supports a wide range of CSS styles, including Blur, Filters, Blending, Z Index, Cursor, Pointer Events, and User Select, all of which are widely supported by major browsers.
How does the overscroll property work in Framer and what is a common use case?
The overscroll property controls what happens when a user scrolls to the boundary of a scrollable area, such as a Frame or Stack with Overflow set to Scroll. A key use case is to prevent the background from scrolling while a scrollable menu is open, which is especially useful in mobile navigation.
What is the browser support for the CSS mask property in Framer?
The mask property allows using gradients or images to fully or partially hide part of an element, like a Frame. Browser support includes 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, and Firefox for Android 53+.
Updated