Alpha
1. 语法: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. 意义: 把一个目标元素与背景混合, 设置者可以指定数值来控制混合的程度
3. 属性
3.1. opacity: 透明度水平, 0为完全透明, 100为完全不透明
3.2. finishopacity: 渐变的透明效果, 用来控制结束时的透明度.
3.3. style指定了透明区域的形状特征, 其中0代表统一形状, 1代表线型, 2代表放射状, 3代表长方形
3.4. startx和starty: 代表渐变透明效果的开始x和y坐标
3.5. finishx和finishy: 代表渐变透明效果的结束x和y坐标
Blur
1. 语法:
1.1. HTML: {filter: blur(add=add, direction=direction, strength=strength)}
1.2. 脚本: [oblurfilter=]obj.filters.blur
2. 意义: 用手指在一副尚未干透的油画上划过产生的模糊效果
3. 属性
3.1. add: 布尔值, 默认true, 指定图片是否被改变成印象派的模糊效果. 模糊效果按顺时针方向进行.
3.2. direction: 设置模糊的方向, 0度代表垂直向上, 然后没45度为一个单位, 默认值是向左270度
3.3. strength: 整数, 代表有多少像素的宽度将受到模糊影响, 默认是5.
3.4. 对于网页上的文字, 如果设置模糊add=1, 字体会有一个阴影效果.
FlipH, FlipV
1. 语法: {filter: fliph}, {filter: filipv}
2. 意义: 水平反转和垂直反转
Chroma
1. 语法: {filter: chroma(color=color)}
2. 意义: 设置一个对象中指定的颜色为透明色
3. 属性
3.1. color: 要透明的颜色
DropShadow
1. 语法: {filter: dropshadow(color=color, offx=offx, offy=offy, positive=positive);}
2. 意义: 添加对象的阴影效果.
3. 工作原理: 建立一个偏移量, 加上较深.
4. 属性:
4.1. color: 投影的颜色
4.2. offx和offy: x方向和y方向阴影的偏移量
4.3. positive: 布尔值, true代表为任何非透明像素建立可见投影, false代表为透明像素部分建立透明效果
Glow
1. 语法: {filter: glow(color=color, strength=strength);}
2. 意义: 边缘发光效果
3. 属性
3.1. color: 发光颜色
3.2. strength: 发光强度, 1-255
Gray
1. 语法: {filter: gray};
2. 意义: 将图片变成灰度图
Invert
1. 语法: {filter: invert}
2. 意义: 将对象的可视化属性全部反转, 包括色彩, 饱和度, 亮度
Xray
1. 语法: {filter: xray}
2. 意义: 让对象反映出它的轮廓�
这个系列可能新手读起来比较慢，但我尽量用易懂的方式讲解，因为我曾经是初学者，我知道大家想知道什么。一张网面其实页面内容是比较重要的，图像是属于锦上添花，当然网页的排版也很重要。在CSS揭秘学习的第一站，首先要学习一下文字和文本，让大家对css有个初步的认识。
&nb ......
