龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

Css滤镜应用在图片的效果实例

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
Css滤镜加载到style属性中的.而style属性:可以应用在标签中,更可用广泛应用在 tabletrtdbodycenterimginputfontformframelabelmap 等等, 更重要的是,它可用在标签中。注意:css滤镜对firefox浏览器不起

Css滤镜加载到style属性中的.而style属性:可以应用在标签中,更可用广泛应用在 <table><tr><td><body><center><img><input><font><form><frame><label><map>
 等等, 更重要的是,它可用在标签中。注意:css滤镜对firefox浏览器不起作用.
 

1.Gray滤镜.  作用:使图像变成黑白效果
使用方法:<img src=" zmmzuhe1.jpg " style="filter:gray">

原图:
 
效果如图:

 

2.Invert滤镜  作用:是使图片反相效果
使用方法:<img src=" zmmzuhe1.jpg " style="filter:invert">

如图:

3.Xray滤镜  作用:是使图片产生X光片效果
使用方法:<img src=" zmmzuhe1.jpg " style="filter:xray">
如图所示:

精彩图集

赞助商链接