Blur menu on safari

Question

a.yousefi OP

Created Aug ’17

Replies 1

Boosts 0

Views 3.7k

Participants 2

Hi guys

How to make navbar section like this with blur in safari!?

https://www.dropbox.com/s/35opzry64hm6byc/Screen%20Shot%202017-08-08%20at%2012.43.49%20PM.png?dl=0

you can view original url :

https://www.apple.com/ipad-pro/

Best regards

Boost

Answer 1

Auxburgo OP

Sep ’17

This can be achieved only on Safari only (on macOS/iOS) with filter property and is not available for Chrome, Firefox, Edge, Internet Explorer, Opera or Vivaldi.

You can try adding:

-webkit-filter: blur(15px);
-moz-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(15px);

And hope that support will be coming and it would work soon in others as well.

0