@bright67

Как сделать блок, который задает блюр всему, что позади него?

Привет. Есть задача, которую никак не могу решить. Есть изображение, которое занимает весь доступный экран, в данном сетапе это бэкграунд изображение у body. Блок, который расположен поверх body должен блюрить именно область позади себя, само собой opacity. Почему то доступные библиотеки только задают опасити и размывают то, что внутри блока. Кто то сталкивался с такой задачей? Как решили? Если есть решение на фиддле - вообще идеально
  • Вопрос задан
  • 494 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@k4o4
Новичок
Вот пока самый классный, что я встречал: www.keithwhor.com/blur
Ну и быстрое гугление подсказало такой вариант: когда картинка известна заранее, можно сделать у нужного блока в качестве фона заблуренный вариант картинки и просто смещать его: https://codepen.io/Kseso/pen/JBrcD
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы