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

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

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

Решение нужно максимально кроссбраузерное и с поддержкой от восьмого IE.
  • Вопрос задан
  • 3210 просмотров
Решения вопроса 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Из более мение рабочих вариантов есть два: css фильтры, которые существуют пока только как черновик стандарта, или же манипулировать изображением через canvas, благо фильтр разбытия пишется за час два даже при полном отсутствии теоритической базы. Ну и работать это будет худо бедно шустро. Более того, скорее всего существуют готовые решения (foggy вы уже используете).

Ну а для ie8 либо нужно отказываться от поддержки этой фичи в нем, либо отказываться от обработки изображений на клиенте, либо использовать полифил на flash
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Виноват, а размывать в фотошопе часть картинки не вариант?
Ответ написан
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Действительно, что мешает это делать в фотошопе? Ну, если только фотография должна быть динамической тогда уже либо на серваке, либо на клиенте размывать, но я бы предпочёл сервак. Так же я до пользования не дошёл, но есть такой плагин - blur.js
Ответ написан
Ваш ответ на вопрос

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

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