CSS ile Transparan Resimler

	Spam Botlarına Keskin Bir Çözüm
	Web sitelerinde artık çok sık görmeye başladığımız güvenlik resmi uygulamasının geliştirilmiş bir versiyonu olan KittenAuth Projesinden bahsedelim.

Anasayfa » CSS (35 ders)

Yazar: Abdullah Tekin
Eklenme: 20.09.2007 Okunma: 1284 Puan: 3.9 Seviyesi: Orta

Çoğu zaman Photoshop' ta yaptığımız bir işlem vardır. "Opacity" Bu özellik sayesinde resimlerimize şeffaflık kazandırırız. Peki bu işlemi Web Tasarımda Photoshop' a gerek duymadan sadece CSS ile nasıl yapabiliriz. Bu derste yayınlanacak kodlar ile bu işlemin çok pratik şekilde yapıldığını ve ekstra olarak ise transparanı (Opacity=Şeffaflık) düşük bir resmin üstüne geldiğimizde nasıl eski haline döndüğünü göreceksiniz.

CSS Kodları: Sayfanızın <head></head> tagları arasına yapıştırın



<style type="text/css">


<!--





/* aşağıda 80 yazan bölüm yüzde bazında resmin alacağı şeffaflık değeridir */


.transparan img{


    filter:Alpha(opacity=80);


    -moz-opacity: 0.4;


}





.transparan:hover img{


    filter:Alpha(opacity=100);


    -moz-opacity: 1;


}





-->


</style>

Kullanım:



<a href="#" class="transparan"><img src="resim.jpg" border="0" id="foto"></a>

Kaynak dosyay indirmek iin tklayn

Currently 3.90/5

Değelendirmek için üye girişi yapmanız gerekmektedir

"CSS ile Transparan Resimler" dersi için 7 yorum var

22.09.2007

ziyade diyor ki:

CSS'nin gücünü artık gözümde büyütmeye başladım sanırım.. Müthiş bi olay bu CSS gerçekten.. Hem de standart olduğu için çok da fonksiyonel.. İnşallah ilerde mozilla da destekler bunu..

27.10.2007

zinar diyor ki:

harika bir özelik css nasıl öğrenecez şimdi öğrenmek için çok heycanlıyım arkadaşlardan öğrenmek için bana yol göstermelerini sabırsızlıkla bekliyorum ilgilenecek arkadaşlara şimdiden çok ama çok teşekür ederim.

08.11.2007

askmilitani diyor ki:

Merhaba gerçekten güzel kaynaklar oluşuyor bookmark listelerini başında olması gereken bi site olmuş. Emeği geçen herkeze teşekküler.

21.12.2007

ncg diyor ki:

hakkikaten harika ve çok faydalı bir şey çok teşekkür ederim

04.03.2008

aXaray68 diyor ki:

Güzel bir şey ama kaynak dosya rapidshare de olmasa daha güzel olacaktı.

09.05.2008

KoLGe diyor ki:

Ellerine saglik.

13.06.2008

soft diyor ki:

css öğrenmek isteyen arkadaşlara fatih hayrioğlu nun kitabını öneriyorum pdf formatında ücretsiz download edilebiliyor.
http://www.fatihhayrioglu.com/

BU DERSE YORUM EKLEYN

ye olmadan yorum ekleyemezsiniz !

UYARI: SANALKURS'ta yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. SANALKURS'ta yer alan hiçbir makale, yazarından izinsiz başka bir yerde yayınlanamaz. SANALKURS kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu her türlü fikri eser, fotoğraf, resim vb. materyal ve ürünleri kullanamazlar. SANALKURS kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir. Söz konusu haksız kullanım nedeniyle SANALKURS .NET'in hiçbir hukuki sorumluluğu bulunmamakta olup, haksız kullanım nedeniyle SANALKURS.NET'in üçüncü kişilere ödemek zorunda kalabileceği her türlü tazminat ve/veya adli/idari para cezaları ilgili Sanalkurs kullanıcılarından rücu edilecektir.

İSTATİSTİKLER
	ÇEVRİMİÇİ 179 Ziyaretçi, 20 Üye (1 Gizli) karamani44, by_lockdown, maqara, BySimariq, fıRLama, Murat Korkmaz, neolastic, ShyRain, onur123, hjl36, taros84, superogue, luteilant, xesow, ali_ali, Dr.Weaver, akinase, syk54, Klaping BUGÜN DOĞUM GÜNÜ OLAN ÜYEMİZ: ilicli (19) Bugün: 4397, Dün: 4845, Bu Ay: 19375, Toplam Ziyaret: 1047241, Toplam Üye: 92348, Son Üye: ali_ali Toplam Ders: 1645, Toplam Yazar: 40, Toplam Dosya: 43, Toplam Link: 109

ana sayfa | künye | iletişim