阅读内容 

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

[日期:2005-03-20] 来源:网络  作者:未知 [字体: ]
Gray ,Invert,Xray 滤镜

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

Gray 滤镜语法
{filter:gray}

  实例:

正常图片
滤镜代码实现
效果拷屏
正常图片
filter:gray; 灰度图
gray滤镜效果拷屏
<img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg" style="filter:gray" width="180" height="120">



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

Invert 滤镜语法
{filter:invert}


正常图片
滤镜代码实现
效果拷屏
正常图片
filter:invert 底片效果
invert滤镜效果拷屏
<img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg" style="filter:invert" width="180" height="120">



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

Xray 滤镜语法
{filter:xray}

  效果如下:

正常图片
滤镜代码实现
效果拷屏
正常图片
filter:xray X光效果
xray滤镜效果拷屏
<img src="http://soft.yesky.com/SoftChannel/72351167954354176/20011121/pic1.jpg" style="filter:xray" width="180" height="120">
阅读:
录入:blue1000

推荐 】 【 打印
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement