Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)

Как реализовать такое размытие блока?

5ce78cb038195339690221.png
Как реализовать такой блок ? Он собственно немного размыт и немного прозрачный, под этим блоком немного видны вот дороги, карта яндекса. Заранее благодарю за ответ
  • Вопрос задан
  • 163 просмотра
Решения вопроса 2
Ragtime_Kitty
@Ragtime_Kitty
Если карта динамичная, то backdrop-filter, который, увы, работает только в сафари или вебките с флагами.

Вот тут пара приемов чтобы его имитировать: https://iamvdo.me/en/blog/css-element-function#fak...
А вот тут общая инфа: https://iamvdo.me/en/blog/advanced-css-filters

Если карта статичная, то можно ее просто дублировать внутри блока и размазывать обычным фильтром. Хотя и динамичную можно скопировать, но надо будет ловить взаимодействия на карте и дублировать их внутри
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы