Tenho um pequeno problema relacionado às minhas imagens, como mostrado aqui (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">

A imagem fica embaçada quando o mouse passa, mas quando tiro o mouse, ele volta ao normal, como posso facilitar o desfoque?

Além disso, existe uma maneira de mostrar texto quando o mouse passa o mouse? Quando o usuário passa o mouse sobre a imagem, quero que ela desfoque e mostre algum texto como "Saiba mais". Isso também é possível com apenas css?

Felicidades