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

80酷酷网    80kuku.com

  css|滤镜

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

Gray 滤镜语法 {filter:gray}

  实例:

正常图片 滤镜代码实现 效果拷屏
  
<img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg" width="180" height="120">


--------------------------------------------------------------------------------

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

Invert 滤镜语法 {filter:invert}


正常图片 滤镜代码实现 效果拷屏
  
<img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg" width="180" height="120">


--------------------------------------------------------------------------------

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

Xray 滤镜语法 {filter:xray}


  效果如下:

正常图片 滤镜代码实现 效果拷屏
  
<img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg" width="180" height="120">
 



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: