Bugün size css ile resimlerinize saydamlık vermeyi göstereceğim.
Resimlerinizi saydamlaştırarak sitenizi daha ilgi çekici yapabilirsiniz. Bu kod internet explorer haricinde tüm tarayıcılarda calışmaktadır. İnternet explorer 8ve Üstü sürümlerde çalışmaktadır.
Neden olduğunu bilmiyorum ama çözersem paylaşırım.
Vereceğim bu kodu <head></head> kodları arasına ekleyiniz.
Css Kodu:
<style type="text/css">
.saydamlik{opacity: 0,5;}
.saydamlik:hover{opacity: 1;}
</style>
Html Kodu: (Burada img class'ına "saydamlik" i atayacağız)
<img src="Resim Adresi" class="saydamlik" />
Böylecelikle resminize saydamlık vermiş olursunuz.
Bir sonraki konuda görüşmek üzere. Esen kalın.
Hiç yorum yok:
Yorum Gönder