Streaming live at 10am (PST)

How to recreate this menu blur from Rolls-Royce?


We’re researching for a project, and was wondering if anyone had managed to recreate live background blur on a Webflow site’s nav menu (SEE GIF)?

Any help would be greatly appreicated! There is no project to look at here, but if you’d like to experience the menu head to any Rolls-Royce Motorcar internal page -

Use interaction on scroll into view

Thanks Janne,

But how would that create the background blurring effect. As far as I can tell, adding blur filter to an element simply blurs the element it’s self?

Going to do some more testing and see if I can find a solution.