X
Tap here to go to the mobile version of the site.

Support Forum

This thread was closed and archived. Please ask a new question if you need help.

IOS style background blur

Posted

Hello;

My name is Miguel Nieves and I'm developing a site at www.lebensborn.us so my question is as followes:

Ssincw the release of iOS 7, there has been a small yet elegant alteration to the UI, blurring of the backgrounds of certain elements.

I have tried using blur.js and several other techniques such as svg blurring, to no avail. The issue is they only work on images and, to a certain extent, entire pages. What I would like to be able to do is blur whatever is directly behind, and exclusively behind, certain fixed division elements even as I scroll down the page...

Is there or will there be a way (at least for Firefox) to achieve such ambition?

Hello; My name is Miguel Nieves and I'm developing a site at www.lebensborn.us so my question is as followes: Ssincw the release of iOS 7, there has been a small yet elegant alteration to the UI, blurring of the backgrounds of certain elements. I have tried using blur.js and several other techniques such as svg blurring, to no avail. The issue is they only work on images and, to a certain extent, entire pages. What I would like to be able to do is blur whatever is directly behind, and exclusively behind, certain fixed division elements even as I scroll down the page... Is there or will there be a way (at least for Firefox) to achieve such ambition?

Additional System Details

Application

  • User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 8_1_2 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B440 Safari/600.1.4

More Information

the-edmeister
  • Top 25 Contributor
  • Moderator
5434 solutions 40565 answers

locking this thread as the topic isn't related to Firefox support

''locking this thread as the topic isn't related to Firefox support''