Blur эффект с помощью jQuery

Sanu0074
На сайте с 31.08.2012
Offline
110
617

Есть <div>, его ширина 1000x300, внутри него есть <img> - его ширина 150x150

Нужно сделать фон дива в стиле blur заливки, используя цвета присущие дочернему <img>.

Пытался я делать с помощью вот этой штуки, но у меня ничего не вышло, из картинку оно делает размазанную картинку такого-же размера, но размазать по всему диву у меня не получилось, пробовал ее и как dataurl для бэкграунда, но все равно толку ноль. Подскажите как решить данную проблему?

B3
На сайте с 09.12.2014
Offline
21
#1

Покажите приблизительно, что вы хотите получить

Картинка всегда разная?

Что мешает ее блёрить и растягивать по диву (с потерей пропорций или обрезкой)?

рыбу не убить
D.iK.iJ
На сайте с 26.05.2013
Offline
239
#2

А нельзя ли просто поставить картинку как фон в <div> применить к нему CSS background-size: cover; и Blur?

---------- Добавлено 30.03.2015 в 02:14 ----------

Про фильтр блур есть вот тут: http://htmlbook.ru/css/filter/blur

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий