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

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

Gray ,Invert,Xray 滤镜

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

Gray 滤镜语法

{filter:gray}

实例:

正常图片

滤镜代码实现

效果拷屏

<img src="pic1.jpg" style="filter:gray" width="180" height="120">

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

Invert 滤镜语法

{filter:invert}

正常图片

滤镜代码实现

效果拷屏

<img src="pic1.jpg" style="filter:invert" width="180" height="120">

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

Xray 滤镜语法

{filter:xray}

效果如下:

正常图片

滤镜代码实现

效果拷屏

<img src="pic1.jpg" style="filter:xray" width="180" height="120">

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航