Как сделать четкое изображение текста на картинке?

Рейтинг: 1Ответов: 1Опубликовано: 18.10.2014

Не могу додуматься, как сделать, чтобы при "image:hover" картинка расплывалась, появлялся текст, но не размытый.

http://jsfiddle.net/t1wf8gmq/

css html
Источник: Stack Overflow на русском

Ответы

▲ 1

Проверяем

.image:hover img {
    -webkit-filter: blur(5px);
}
.image:hover a {
    opacity:1;
}