Merhaba arkadaşlar hemen anlatıma geçmek istiyorum
background-color
daha öncede dediğim gibi arka plan rengini ayarlıyor
burada dikkat etmeniz gereken yer
opacity bölümündeki değerlerdir 0.5 yani yarım olarak ayarladığım yer resimin normal görünümdeki saydamlık halidir hover normalde mause'un herhangi bir nesne link vb ögenin üzerine geldiğinde olmasını istediğiniz hareketi belirler burdada img:hover yani imajın üzerine gelindiğindeki değeri atıyoruz yani 1 yaparak resimin saydamlıktan arınıp normal görünümünü almasını sağlıyoruz ve resim normal oluyor bu tarz bir kodlama ile isterseniz siteniz için güzel menüler yapabilirsiniz
<html>
<head>
<title>Resimlere saydamlık verme (opacity) - LitmuS</title>
<style type="text/css">
body{
background-color:#a3a3a3;
}
img {
opacity:0.5;
}
img:hover {
opacity:1;
}
</style>
</head>
<body>
<img src="logo.png" width="300" height="200" />
</body>
</html>