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?
ура