电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
样 式 表 全 接 触(6)
样 式 表 全 接 触(6)
2005-12-30 19:14:07  文/45IT收集   出处:电脑软硬件应用网   

六、样式表滤镜的构成 

  滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为: 

标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值2,....);} 

它所表达的意思是:在该标记范围内的内容,样式表滤镜将按照小括号内的属性名所限定的对象,按属性值所设定的数值进行特效处理。其中标记为HTML语法中的任意标记,如SPAN,P,BR等等;滤镜名就是我们下面所涉及到的14种滤镜名称;每一种滤镜它都有自己特定的属性名及其属性值。 

例如:P { filter : alpha(opacity=80,style=1 ); } 

以上就是使用样式表滤镜的定义方法。 

七、静态滤镜的种类 

  在IE4.0以上版本浏览器中,支持以下14种样式表滤镜: 

滤镜名 说明 

Alpha 让对象呈现渐变半透明效果 

Blur 让对象产生风吹模糊的效果 

DropShadow 让对象有一个下落式的阴影 

Glow 在对象的周围产生光晕而模糊的效果 

Chroma 让图像中的某一颜色变成透明色 

FlipH 让HTML对象水平转换 

FlipV 让HTML对象垂直转换 

Wave 让HTML对象产生水平或是垂直方向上的正弦波形 

Shadow 让对象产生阴影效果 

Mask 利用一个HTML对象在另一个对象上产生图像的遮罩 

Light 在HTML元件上放置一个光影 

Gray 把一个彩色的图象变成灰色调图象 

Invert 让对象产生照片底片的效果 

XRay   让对象轮廓突出显示 

  这些滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样,有了这些特效,你就可以直接在HTML中对图片进行特效处理了,而不用再用专门的图片处理软件编辑图片了。样式表滤镜不仅对图象起作用,同时也适用于文本;在这里笔者为方便叙述,暂用文本作为例子来谈谈滤镜的参数及其作用。 

  

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号