Css a:hover ? img:hover

Arkadaşlar merhaba. Ben bir resim (160x220) üzerinde hover tekniğini kullanmak istiyorum fakat başaramıyorum. Şöyle anlatayım bir resim olsun ver mouse ile üzerine gelince bu resimden ayrı bi şekilde bir yazı çıksın örneğin resmin sağ alt köşesinde, hover gibi yani. Mouse la gelince yazı çıksın çekince yazı gitsin var mı böyle birşey ? css 3 ile olduğunu biliyorum fakat çok karışık örnekler var çözemedim daha baside indirgenmiş bir örneği varsa yada yardım ederseniz sevinirim

Kısaca şöyle açıklayayım, diyelim ki bir resmin var ve hemen altında üstüne gelince link göstermek istiyorsun.

o zaman ilk önce bir

<span>
    <img src="https://www.r10.net/html-css-xml/...." width="..." height="..."/>
    <a href="https://www.r10.net/html-css-xml/..."></a>
</span>

şeklinde bir yapı oluştur daha sonra aşağıdaki css kodlarını kullan.

span a
{
display:none;
}

span:hover a
{
display:inline;
}

şeklinde yapabileceğini tahmin ediyorum...

Dediğiniz olay CSS3 ile yapılabilir mi bilmiyorum ama modernize ile yapılabiliyor.

http://tympanus.net/Tutorials/CircleHoverEffects/

buradaki tutorial tam istediğiniz özelliği veriyor sanırım. Bu javascript işinizi görecektir.

Mükemmelsiniz. Arşivledim hemen hocam.