阅读文章(首页/网页制作/CSS教程/)

Invert属性、Glow属性和FlipH、FlipV属性

[日期:2005-12-23] 来源:不详  作者:佚名 [字体: ]

    Invert属性

  Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
  它的表达式也很简单:


  Filter:Invert


  我们再来看一下加上Invert属性前后的图片效果变化(如下图):

原图        Invert属性效果图

  我们看到Invert属性实际上达到的是一种“底片”的效果。
  自己拿别的图来试试吧。

    Glow属性


  当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:
  Filter:Glow(Color=color,Strength=strength)
  Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255。 让我们先来看一下加上Glow属性的效果图:

  我们看到Invert属性实际上达到的是一种“底片”的效果。
  自己拿别的图来试试吧。
    Glow属性
 
  当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:
  Filter:Glow(Color=color,Strength=strength)
  Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255。 让我们先来看一下加上Glow属性的效果图:
 

  我们看到Invert属性实际上达到的是一种“底片”的效果。
  自己拿别的图来试试吧。

    Glow属性

 

  当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:
  Filter:Glow(Color=color,Strength=strength)
  Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255。 让我们先来看一下加上Glow属性的效果图:

水平翻转    垂直翻转

  翻转的属性应用是不是很简单。



阅读:
录入:

评论 】 【 推荐 】 【 打印
上一篇:CSS的各种属性(鼠标 分级 容器)
下一篇:DropShadow属性、Chroma属性和blur属性效果
相关文章      
本文评论
发表评论


点评: 字数
姓名:

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