Tengo un pequeño problema con respecto a mis imágenes, como se muestra aquí (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">

La imagen se vuelve borrosa cuando el mouse se mueve pero cuando quito el mouse vuelve a la normalidad, ¿cómo puedo hacer que desaparezca del desenfoque?

Además, ¿hay alguna forma de mostrar texto cuando se pasa el mouse? Cuando el usuario pasa el cursor sobre la imagen, quiero que se desenfoque y luego muestre texto como "Más información". ¿Esto también es posible con solo css?

Salud