@Yapryntsev

Как динамично размывать элементы под div'ом?

У меня есть выпадающее окно, дизайнер решил что оно обязательно должно блюрить элементы находящиеся под этим окном. Как это можно реализовать?
  • Вопрос задан
  • 210 просмотров
Пригласить эксперта
Ответы на вопрос 4
andykov
@andykov
Shit happens
Оберните все содержимое страницы в блок, кроме модальных окон, например wrapper.
Если используете плагин, в callback открытия пишите добавление класса .blur к обертке wrapper.
На закрытие удаляете и все.
Ответ написан
Комментировать
Вот так вот? codepen.io/akademy/pen/FlkzB
Ответ написан
Комментировать
@l2p
wordpress-club.com/krossbrauzernyiy-effekt-razmyit...
Все отлично ищется в интернете по запросу "кроссбраузерный blur". Делаете обертку background-у как по ссылке выше либо любой другой и javascript-ом в зависимости от времени меняете степень размытия.
Ответ написан
Комментировать
@Yapryntsev Автор вопроса
Все эти решения предполагают заготовленный фон(чаще всего картинку), который мы потом блюрим. Мне же надо блюрить элементы интерфейса, которые у некоторых пользователей могут отличаться. Самый удачный пример это шторка в ios.
Ответ написан
Ваш ответ на вопрос

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

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