CSS Saydamlik Efekti
Cok uzun bir aradan sonra tekrardan merhaba. Bu yaz benim icin bircok konuda yogun gecti. Bu yuzden yeni paylasim ekleme firsati bulamadim. Ama yeni paylasimlara basliyorum.

Ilk paylasacagim konu CSS ile kutularimiza nasil saydamlik verecegimiz hakkinda kucuk bir bilgi.

Bu neden isimize yarayabilir?
ornegin yeni bir sayfa yapiyorsunuz ve biraz daha farkli bir sey olmasini istiyorsaniz bu yontemi kullanarak goze hitap eden bir seyler yapabilirsiniz.

Bu sayfada arka plan icin bir resim/fotograf calismasi eklersiniz. Uzerine de bir kutu koyup, bu kutuyu saydamlastirabilir boylece hem estetik acidan guzel bir goruntu elde edersiniz hem de arka plan resminin bir parca gorunmesini saglayabilirsiniz.

Bunun icin gerekli kodumuz:
.Saydamlik {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


Bu kodu kullanmak icin ilgili kutumuza class="Saydamlik" eklediginiz zaman kutunuz seffaf gorunecektir.
5 rakami saydamlik derecesini gosterir, ve rakam buyudukce kutunun saydamligi azalacak bir baska deyisle arka plan resminin gorunurlugu azalacaktir.










September 14, 2009
Ayberk Atasay
CSS
11 yorum