Как осуществить размытие по Гауссу на web странице?

Как осуществить размытие по Гауссу на web странице, что бы под элементом, к которому применялся эффект, размывался весь контент ( текст, формы, картинки и прочее ) , а не только фон?

Пример

888f87d589dc4ca99d37519a737ea8d2.jpg

Где на сайте будут что то вроде иконок, по верх которых будут окна размывающие весь фон вместе с иконками,
либо анимириванные виджеты с эффектом размытия.
  • Вопрос задан
  • 3073 просмотра
Решения вопроса 1
twobomb
@twobomb
Сделал за минуту на коленке. Управлять размытием можно из css класса .blurred
https://jsfiddle.net/twobomb/Lt6qxa62/
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Groov3
@Groov3
Full stack web developer/Performance marketing
Тупой ответ - как насчет фотошоп по скрипту и автозаливке в облако? и предварительный скрин. и все на виртуалке. мощь фотошопа в твоих руках кидди, в твоих пальцах, ощути это.
Ответ написан
Ваш ответ на вопрос

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

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