Ressime efektli link vermek

Arkadaşlar css ile aram kötü Kısaca şudur olay; normal bir resmi css kullanarak blur yaptım, üzerine gelince netleşmesini (resmin orjinal hali) istiyorum. aşağıdaki gibi yaptım. resim başlangıçta blur ama üzerine gelince netleşmiyor. Ek olarak javascriptle yapmak istemiyorum, özellikle css ile. Şimdiden teşekkür ederim.

RESİM KODU :

<div class="blur"><a href="#"><img src="resim1.jpg"></a>

CSS KODU :

.blur { filter: blur(add=false, direction=100, strength=20); width: 155px; height: 155px; border: 0px; }
.blur a:link, .blur a:visited { width: 155px; height: 155px; border: 0px;  }
.blur a:hover { width: 155px; height: 155px; border: 0px;  }

Deneme şansım yok şu an ama şöyle dene olacaktır büyük ihtimal. Sen a:hover demişsin fakat blur a{} açmamışsınki + a yazıları kapsıyor.

.blur { filter: blur(add=false, direction=100, strength=20); width: 155px; height: 155px; border: 0px; }
.blur a:link, .blur a:visited { width: 155px; height: 155px; border: 0px;  }
.blur:hover { width: 155px; height: 155px; border: 0px;  }

Yok hocam yine aynı, çalıçmıyor. Zaten sonradan farkettim firefox' ta da blur olmuyor :S Neyse vazgeçtim bu metottan Teşekkür ederim

Önemli değil işine yarasaydı daha mutlu olurdum ama vazgeçmişsin zaten

İmage efektleri için şu adrese bakabilirsiniz.
http://www.dynamicdrive.com/dynamicindex15/index.html

aradığın şurası galiba tıkla