Image Filters:
Filters give a great variety of visual effects in web pages dynamically.Image Filters are of three types:
1.Gray:-The Gray Filter applies a grayscale image effect in which all color is stripped from the image and all that remains in brightness data.
2.Xray:-The Xray Filter applies an Xray effect which is just an invertion of the Gray effect
3.Invert:-The Invert Filter applies a Negative Image effect ie:dark ares become light and light areas become dark.
filet name must be given with STYLE attribute as follows:
eg:STYLE="filter:gray"
<Html>
<Body>
<br>
<br>
<table>
<tr>
<td>
<img src="F:\photo.gif" ></td>
<td><img src="F:\photo.gif" STYLE="filter:gray"></td>
<td><img src="F:\photo.gif" STYLE="filter:xray"></td>
<td><img src="F:\photo.gif" STYLE="filter:invert"></td>
</tr>
<tr align="center"><td>Normal</td>
<td>Gray</td>
<td>XRay</td>
<td>Invert</td>
</tr>
</table>
</Body>
</Html>
output of Image :
