Bilgiler
  • Ekleyen:
  • Ayberk Atasay
  • Tarih:
  • September 14, 2009
  • Kategori:
  • CSS
  • Paylas:
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 [mcode]class="Saydamlik"[/mcode] eklediginiz zaman kutunuz seffaf gorunecektir.
5 rakami saydamlik derecesini gosterir, ve rakam buyudukce kutunun saydamligi azalacak bir baska deyisle arka plan resminin gorunurlugu azalacaktir.










Yorumlar
  • Eski Yorumlar:
  • Kenan
  • Tesekkurler ;)
  • 2009-09-15 12:58:06
  • zafer
  • guzel paylasim tesekkurler.
  • 2009-09-15 20:05:21
  • Emircan
  • guzel bir paylasim olmus ayberk.Ozlettin kendini gene.
  • 2009-09-15 23:19:27
  • fatih
  • Bilgi ve paylasim icin cok teskkurler
  • 2009-09-19 06:10:13
  • Mert2407
  • Cok tesekkurler... ;)
  • 2009-09-26 01:18:48
  • tayfun hakyemez
  • Tesekkurlerrr hocamm benimm siteede cok hos durduu =)
  • 2009-10-10 23:32:12
  • ilhan
  • ben genelde png tercih ediyorum ama buda mantikli :D
  • 2009-11-20 18:21:06
  • SoniQuake
  • PNG tercihim oluyor genellikle. Ancak bu da ek bir yontem. Tesekkurler.
  • 2009-12-12 18:11:24
  • Kurtar
  • PNG yapip resim dosyasi yuklemektense (Tek renk kullanilacaksa tabiki) renk doseyip bu renk icin opacity ayarlamak daha mantikli.
  • 2010-07-23 14:51:19
  • Ayberk Atasay
  • @Kurtar Dedigin gibi yapmak daha az zahmetli, fakat o zaman da arka planin saydam olmasindan dolayi katman icine koyulan butun objeler, yazilar da saydam efektini aliyor. Bu yuzden bu daha saglikli bir kullanim oluyor (;
  • 2010-09-08 13:56:30
  • Murat KOKER
  • guzel paylasim olmus tesekkur ederim.
  • 2010-09-08 20:10:40