CSS Transition - облегчает, но не облегчает?

У меня крошечная проблема с моими изображениями, как показано здесь (http://jsfiddle.net/garethweaver/Y4Buy/1/).

.img-blur:hover {
  -webkit-filter: blur(4px);
  transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}
<img src="http://i.imgur.com/Vp5StNs.png" class="img-blur">

Изображение размывается при наведении курсора мыши, но когда я убираю мышь, оно возвращается к нормальному состоянию, как я могу избавиться от размытия?

Кроме того, есть ли способ показать текст при наведении курсора мыши? Когда пользователь наводит курсор на изображение, я хочу, чтобы оно расплывалось, а затем показывало некоторый текст, например «Узнать больше». Это также возможно только с CSS?

ура

Ответы на вопрос(1)

Ваш ответ на вопрос