Размытый блок, как сверстать?

[ya_verstaka]

Привет, всем! Очередной раз обращаюсь к вам за прозьбой по верстке. Короче говоря, есть список квестов в виде блоков, выводятся на главной, есть квесты, которые открыты для посетителя, есть закрытые. Так вот закрытые квесты накрывает размытая плашка, которая как-бы размывает картинку (миниатюру квеста), которая находится под плашкой вот скриншот: ссылка
Если бы не надпись (полоса посередине закрытого квеста), которая не размывается, решить проблему можно было бы используя фильтр blur, но вместе с плашкой  размывается и надпись... Как я только не пробовал это сверстать, ничего не получается :( . Наверняка кто-то сталкивался с подобной фигней подскажите как решить подобную проблему??? Буду Вам признателен за помощь.

Edited July 22, 2015 by ya_verstaka

[Veseloff]

Фиг знает. Картинка не загружается и потому непонятно как посмотреть. Перезалейте на нормальный хостинг типа яндекс фоток.

[ya_verstaka]

Фиг знает. Картинка не загружается и потому непонятно как посмотреть. Перезалейте на нормальный хостинг типа яндекс фоток.

Перезалил на яндекс!

[Jack_V]

Не сильно заморачивался с фильтром, но вот простейший вариант.

[ya_verstaka]

Не сильно заморачивался с фильтром, но вот простейший вариант.

Да такое я тоже делал, здесь особенность в том, что края размытые, а нужно чтобы было резкое окончание размытости, как на картинке.

[Jack_V]

Можно добавить к фильтруемым "overflow: hidden;".
Но эффект все равно не тот. 

Самый верный вариант вот.

А дальше сами.

[Bassline]

Попробуй заглянуть сюда http://www.blurjs.com

[Veseloff]

Вот самый простой вариант. Остаётся спрятать края и всё готово.

[ya_verstaka]

Самый верный вариант вот.

А дальше сами.

Спасибо, помогли, сверстал!!!

Edited July 22, 2015 by ya_verstaka