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

What is Framer? Join the Community
Return to index
Andreas Wahlström
Posted Aug 14 - Read on Facebook

Background blur added to Webkit Nightly! Works great with Framer. See: https://www.webkit.org/blog/3632/introducing-backdrop-filters/

7 Comments

Stephen Crowley

Yeah just read that- adding it to my Safari Chrome Framer Design

Chris Camargo

AWWWW YISSSS!

Jordan Robert Dobson

Careful though who you share this with yet. It likely won't work for everyone for a bit still.

Josh Ackerman

Does this only work on El Capitan with Safari? Or is this possible in Framer?

Callil Capuozzo

Was just looking for this yesterday - awesome

Noah Tsutsui

Need this

Jeff Smith

Thanks for this Andreas. Here's a bit more detailed rundown:

1) Add a background blur to a layer in your framer file:
blur.style =
"-webkit-backdrop-filter": "blur(30px)"
2) Because the Framer simulator doesn't run on Nightly, you'll have to run the prototype outside of Framer Studio. Download the latest version of Webkit Nightly (http://nightly.webkit.org/) and turn off caching and disable local file restrictions in the develop tab
3) Open the index file of your framer document in Webkit Nightly and enjoy that frosted goodness.

Read the entire post on Facebook