Web tasarımında önceki dönemlerde Javascript ile yaptığımız resimleri siyah beyaza çevirme işlemini CSS ile yapmakta mümkün. Uygulamanın örneğini sitemizin "Ders Kategorileri" içinde yazar resimlerinde görebilirsiniz. Yalnız CSS kodunun tek dezavantajı sadece Internet Explorer ile çalışması. Mozilla Firefox ile test yaptım fakat olumlu bir sonuç alamadım. Opera yada diğer Browser' lar da denenmemiştir.
CSS Kodları: Sayfanızın <head></head> tagları arasına yapıştırın
Kod:
Kullanım:
Kod:
CSS Kodları: Sayfanızın <head></head> tagları arasına yapıştırın
Kod:
- Kod:
<style type="text/css">
<!--
#foto {
filter: Gray;
}
-->
</style>
Kullanım:
Kod:
- Kod:
<img src="resim.jpg" id="foto">