Размытие зайта при увиличении изображения

[radrigo 170]

Всем привет.

 

Заметил одну фишку на Риа.ру, при увеличении фото, задний фон размывается.

 

Пример

https://ria.ru/society/20161023/1479819546.html

 

Возможно также на дле сделать? Чтоб при увеличении фото не только бы затемняло фон, но и размывало?

 

Заранее признателен за подсказку.

 

А вообще можно было бы в движке реализовать выбор не из двух вариантов, затемнять или нет, а из 4, не затемнённое и не размытое, не затемнённое и размытое, затемнённое и не размытое, затемнённое и размытое. Было бы прикольно.

[celsoft 5 984]

css свойства:

    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);

 

[radrigo 170]

Подскажите, где конкретно эти стили прописать?

[webair 176]

.ma_main {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

Но надо только при увеличении фото. С помощью js