gray filter


filter: gray();

Browser
Internet Explorer
Type
Extension

The gray filter display the element in the gray scale.


#example {
filter: gray();
}


Example

The original

<img src="image/friend.gif" alt="IMG" width="170" height="140">
Output

IMG

<div style="font: bold 170% sans-serif; color: red; width: 100%;">
Example text
</div>
Output
Example text

The gray scale effect

<img src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: gray();">
Output

IMG

<div style="font: bold 170% sans-serif; color: red; width: 100%; filter: gray();">
Example text
</div>
Output
Example text