This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jakub Burkot
Posted Jul 26 - Read on Facebook

Has anybody tried recreating iOS7 style background blur? I have not worked on that yet, but the only thing that comes to my mind is by using mask and blur. Thanks in advance!

4 Comments

Koen Bok

Yeah that would be it. The hard thing is that you can't get the actual rendered pixels from a composition (maybe in a future browser api) so you have to "fake it". For static content it's easy to just make a screenshot, add it as an image and blur it.

Koen Bok

Or, you can copy the whole view (with layer.copy()) and blur the root layer.

Andreas Wahlström

I did something like this a while back: http://codepen.io/aw2/pen/zHuix

Marcelo Eduardo Oliveira

and for video, is pure hack : I draw part of the video that will be blurred in a canvas and then blur it. It works, but for mobile it will probably take a hit on performance.

Read the entire post on Facebook