Blur na dynamicznym tle

Question

Witam,

 

Jak uzyskać efekt zblurowania tła, gdy w tle zamiast zdjęcia jest mapa Google?

Znalazłem coś takiego, ale działa tylko ze zdjęciem w tle, a chciałbym, żeby pokryty tym efektem b←ł fragment mapy, na który nachodzi półprzezroczysty div z danymi kontaktowymi.

https://codepen.io/Kseso/pen/JBrcD

Answer 1

Nie wiem czy pomogę, nie chce mi się już w sobotę o północy analizować codepena ale na szybko znalazłem coś takiego (z jakimś gotowym przykładem):

https://stackoverflow.com/questions/45263801/how-to-blur-google-map-with-css

Zobacz czy Ci to pomoże, jak nie to daj znać to będziemy coś działać.

Comments

filter: blur(); dodany do stylu wrappera co prawda daje efekt rozmycia, ale czy jest możliwość sblurowania tylko fragmentu znajdującego się pod boxem, tak, by pozostała część była wyraźna. http://www.kuk-inwest.pl/