Scroll to see it in action.
Updated:
Nov 8, 2023
Type:
Code
Notes
Be careful with setting a high amount of blur as it can be resource intensive — especially if you have a page that's busy with effects and animations.
Set its position to Fixed (it'll need to be a direct child of your breakpoint and not nested in any other frames) or Sticky.
Pay attention to zIndex (via the + in Styles), ensure your content is layered correctly.
Help
How do I add code overrides?
Add a new code file via the Assets tab and paste this code in.
Learn more:
How to add code overrides in Framer
Found a bug? Have an idea?