Прозрачный блок с blur-эффектом?

Question

[Андрей Бережной]

Как можно сделать поверх фона с картинкой, небольшой прозрачный блок с размытостью? Необходима поддержка IE9+ и возможность адаптивности.

Пробовал использовать blur.js, но он как-то странно себя ведет при "ресайзинге" и иногда не сразу срабатывает и довольно долго отрисовывает блок.

Answer 1

[Андрей]

Странно что у вас с blur.js проблемы...
Можете попробовать css обойтись:
jordanhollinger.com/2014/01/29/css-gaussian-blur-b...

Или еще раз на js посмотреть.
gianlucaguarini.github.io/Vague.js
https://www.designedbyaturtle.co.uk/demos/blur-bg/

Comments

[Андрей Бережной]

Использовал решение по первой ссылке. Спасибо