CSS 滤镜——Gray,Invert,Xray滤镜

ZDNet软件频道 时间:2008-09-18 作者: | 天极网 我要评论()
本文关键词:Xray滤镜 Invert Gray 软件
使用Gray滤镜可以把一张图片变成灰度图,语法很简单:
Gray ,Invert,Xray 滤镜

  使用Gray滤镜可以把一张图片变成灰度图,语法很简单:

Gray 滤镜语法
{filter:Gray}

  实例:

正常图片
滤镜代码实现
效果拷屏
正常图片
filter:gray; 灰度图
gray滤镜效果拷屏
<img src="pic1.jpg" style="filter:Gray" width="180" height="120">



  使用Invert滤镜可以把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值

Invert 滤镜语法
{filter:Invert}


正常图片
滤镜代码实现
效果拷屏
正常图片
filter:invert 底片效果
invert滤镜效果拷屏
<img src="pic1.jpg" style="filter:Invert" width="180" height="120">



  使用Xray滤镜可以让对象反映出它的轮廓并把这些轮廓加亮,类似于所谓的“X”光片。

Xray 滤镜语法

  效果如下:

正常图片
滤镜代码实现
效果拷屏
正常图片
filter:xray X光效果
xray滤镜效果拷屏
<img src="pic1.jpg" style="filter:xray" width="180" height="120">

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134