BlackAndWhite

<html>


<head> <title> مدونة أدوات المطورين </title>


<style>

img.grayscale {

  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(1);

  /* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

  /* for IE6+ */
  filter: gary;
}


</style>


 </head>


<body>

<center>
الصورة الاصلية  <br>
<img src="http://img35.imageshack.us/img35/5008/img9521l.jpg"  />

<br>

الصورة بعد استعمال الكود
<br>
<img src="http://img35.imageshack.us/img35/5008/img9521l.jpg" class="grayscale" />


</center>


</body>

</html>