CSS Styles Support

In this guide, we provide an overview of modern CSS styles in Framer and their browser compatibility.

Modern CSS styles in framer

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. Below, we highlight a recently introduced property with strong browser support: Overscroll.

Overscroll behavior

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.

Key use case: Prevent the background from scrolling while a scrollable menu is open. This especially useful in mobile navigation.

Browser support (as of december 2023)

  • Chrome: 65+

  • Chrome on Android: 111

  • Edge: 79+

  • Safari: 16+ (since September 2022)

  • Safari on iOS: 16+

  • Firefox: 59+

  • Opera: 52+

  • Opera Mobile: 73

  • Samsung Internet: 8.2+

  • Android Browser: 119

  • Firefox for Android: 119

For the latest browser support, refer to Can I Use.