Filter Imaged using HTML

Syedshakeer
Posted by in Others category on for Beginner level | Views : 4352 red flag

Filters give a great variety of visual effects in web pages dynamically.
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:
STYLE="filter:gray"

For example, look at following code snippets:

<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>

 

 

 

Page copy protected against web site content infringement by Copyscape

About the Author

Syedshakeer
Full Name: Syed Shakeer Hussiain P
Member Level:
Member Status: Member
Member Since: 2/5/2009 3:12:18 AM
Country: India
Syed Shakeer Hussain
http://www.dotnetfunda.com
Shakeer Hussain has completed his Master of Computer Applications degree from Deccan College of engg and technology of Osmania University.He is a MVM of www.dotnetspider.com.He has good experience in the areas of ASP.NET, C#.NET, VB.NET, SQL SERVER 2000/2005 and Windows Mobile. He has worked in Windows Mobile,Web Applicatin and ERP projects.

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)