Üstüne gelince beliren resim nasıl yapılır?

Merhabalar, saydamlığı 0.5 olan bir resmin üstüne gelince saydamlığı 1 olarak nasıl ayarlarım. yani üstüne gelince belirecek. Yardımlarınızı esirgemeyin

class:hover{
opacity:1;
}

teşekkürler ama bahsettiğim kod buydu

<img  src="https:/siteadi.com/resim.png" style="opacity: 1;filter:alpha(opacity=50);" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50">

buldum biraz araştırıp, bilmeyenler de varsa öğrenmiş olur

yaptıgın işlemi jquery ile uzatmışsın yapman gerekeni arkadaşclass:hover{
opacity:1;
}


bu tür işlemleri css ile yapman her zaman için avantaj sağlar sana