We’re constantly adding new CSS styles—yet for all properties in Framer, browser support may differ. We’ll outline the compatibility of the modern styles here.
Beyond the default styles, you can add many CSS styles in Framer, like Blur, Filters, Blending, Z Index, Cursor, Pointer Events, User Select, and many more. Most of these styles have been supported across all major browsers for years. Here, we’ll outline properties that are a little more recently introduced, yet are supported well enough for us to add them.
The Overscroll property defines what happens when reaching the boundary of a scrollable area. In Framer, a scrollable area could be a Frame or Stack with Overflow set to Scroll. It’s especially useful for mobile navigations, where it can be used to prevent the background from being scrolled while your scrollable menu is open. It’s currently (April 2023) supported in the following browser versions. The most recent browser to support it is Safari, which started supporting it in September 2022. For the latest overview at any time, see here.
Chrome on Android: 111
Safari on iOS: 16+
Samsung Internet: 8.2+