Как сделать размытие половины изображения?

Question

[Alexander Mischuk]

То, что есть сейчас jsfiddle.net/8efRu

Для размытия использовал скрипт.
Делать размытие для блока с текстом не вариант.
Нужно размывать только изображение, чтобы добиться нужного эффекта. Есть идеи?

Решение нужно максимально кроссбраузерное и с поддержкой от восьмого IE.

Answer 1

[Сергей Протько]

Из более мение рабочих вариантов есть два: css фильтры, которые существуют пока только как черновик стандарта, или же манипулировать изображением через canvas, благо фильтр разбытия пишется за час два даже при полном отсутствии теоритической базы. Ну и работать это будет худо бедно шустро. Более того, скорее всего существуют готовые решения (foggy вы уже используете).

Ну а для ie8 либо нужно отказываться от поддержки этой фичи в нем, либо отказываться от обработки изображений на клиенте, либо использовать полифил на flash

Comments

[Alexander Mischuk]

@Fesor Оставновился на Blur.js, хотя у него поддержка ИЕ 9+.
Для 8го и остальных всё же откажусь от размытия и сделаю редизайн этого блока под стиль макета.

Answer 2

[Юрий Лобанов]

Виноват, а размывать в фотошопе часть картинки не вариант?

Answer 3

[Виталий Киренков]

Действительно, что мешает это делать в фотошопе? Ну, если только фотография должна быть динамической тогда уже либо на серваке, либо на клиенте размывать, но я бы предпочёл сервак. Так же я до пользования не дошёл, но есть такой плагин - blur.js

Answer 4

[Константин Величко]

Еще есть blurjs.com