css样式表滤镜全接触
发布时间：2007-10-26 12:48:00
一、css样式表滤镜的构成
滤镜作为样式表大家庭中的一员，它跟其他样式表元素的定义和应用方式当然是一样的，能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为：
标记｛FILTER：滤镜名（属性名１＝属性值１，属性名２＝属性值２，....）；｝
它所表达的意思是：在该标记范围内的内容，样式表滤镜将按照小括号内的属性名所限定的对象，按属性值所设定的数值进行特效处理。其中标记为HTML语法中的任意标记，如SPAN，P，BR等等；滤镜名就是我们下面所涉及到的１４种滤镜名称；每一种滤镜它都有自己特定的属性名及其属性值。
例如：
p { filter : alpha(opacity=80,style=1 ); }
以上就是使用样式表滤镜的定义方法。
二、CSS静态滤镜的种类
在IE4.0以上版本浏览器中，支持以下14种样式表滤镜：
滤镜名 说明
Alpha 让对象呈现渐变半透明效果
Blur 让对象产生风吹模糊的效果
DropShadow 让对象有一个下落式的阴影
Glow 在对象的周围产生光晕而模糊的效果
Chroma 让图像中的某一颜色变成透明色
FlipH 让HTML对象水平转换
FlipV 让HTML对象垂直转换
Wave 让HTML对象产生水平或是垂直方向上的正弦波形
Shadow 让对象产生阴影效果
Mask 利用一个HTML对象在另一个对象上产生图像的遮罩
Light 在HTML元件上放置一个光影
Gray 把一个彩色的图象变成灰色调图象
Invert 让对象产生照片底片的效果
XRay 让对象轮廓突出显示
这些滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样，有了这些特效，你就可以直接在HTML中对图片进行特效处理了，而不用再用专门的图片处理软件编辑图片了。样式表滤镜不仅对图象起作用，同时也适用于文本；在这里笔者为方便叙述，暂用文本作为例子来谈谈滤镜的参数及其作用。
0
投稿猜你喜欢
可能有些地方翻译得不好，请见谅在这个冠冕堂皇的标题之下，我想回答一个土方，有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型- javascript的分号代表语句的结束符，但由于javascript具有分号自动插入规则，所以它是一个十分容易让人模糊的东西，在一般情况下
- 我们打开Google的时候可能大家会发现，无论你输入Google的任何网址，它都根据你使用的语言自动判断并跳转到不同的语言界面。也就是你用不
- 如果是在Oracle10g之前，删除一个表空间中的数据文件后，其文件在数据库数据字典中会仍然存在，除非你删除表空间，否则文件信息不会清除。但
- 我们可用ADO STREAM来做一个无组件的上传程序。Stream对象包含了许多操作二进制和文本文件的方法，我们现在用Stream对象来操作
- 编号标准宗地编码(landCode)所在区段编码(sectCode)1131001BG001G0012131001BG002G0013131
- Wordpress 2.6.2 出来了，今天将网站程序从2.6升级上来，比较了一下2个版本的代码，发现2.6的版本中的代码还有几个地方出现了
- 做设计类网址导航的初衷是为了资源整合，也是在尝试解决问题。假定访问用户都是行业人士，或者目地性很强的有一定了解的用户，应该如何考虑这个组织系
- 四、XML应用分类 总的说来的XML的应用可分为四类： （1）应用于客户需要与不同的数据源进行交互时。数据可能来自不同的数据库，他们都有各自
- 为什么能实现在线编辑呢? 首先需要ie 的支持，在 ie 5.5以后就有一个编辑状态，就是利用这个编辑状态,然后用javascript 来控
- 最近，在搞这个东西，网上也找不到asp相关的，如果有人很早弄出来了，也不要笑话偶；费了好久，总算搞定；原理：用stream对象预读文件的头两
- iUI、jQTouch、WPTouch、PhoneGap、XUI、iWebkit、Rhodes、gwt-mobile…当我们已经开始惊叹 w
- CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题：1、DOCTY
- 原来看到这个代码的时候，觉得功能不错，调试并整理了一下也许大家用的到，对于越来越注重用户体验的今天，这种功能一定很受欢迎，当然本例子只是一个
- 为什么要使用php缓存技术？理由很简单：提高效率。在程序开发中，获取信息的方式主要是查询数据库，除此以外，也可能是通过Web Service
- 有时一些网页对源码进行了加密，我们很难找到类似像“onselectstart="return false"”这样的代码，
- isnull（）Null 值指出变量不包含有效数据。Null 与 Empty 不同，后者指出变量未经初始化。Null 与零长度字符串 (&q
- 那你也许会问及，怎样获取当前系统日期的最大时间值，如yyyy-MM-dd 23:59:59.997。 我们可以使用DATEADD函数，来实现
- 当一个页面上有一百个表单项，你是怎么获取上面的值勤的？这是一段简单的代码，你试试这段代码，试过后，欢迎留言说一下你的想法？index.asp
- DreamWeaver 4的到来让大家兴奋吧？但是大家一定为DreamWeaver4里面的字体、文字大
