-_-算了,还是说说CSS,简单说一下,了解一下,以后还要说到特效字,这里就再复杂一下,希望大家不要晕-_-!!
css滤镜:
css即层叠样式表,功能强大,运用得好可以做出很多绚丽效果,上面已有了一些介绍,这里就不再重复举例了,网页中加入css的方法有很多种,这里介绍的是使用style参数加在部分标记里的方法,综合运用这些滤镜,就可以做出想要的图形或文字效果,不用图形处理软件只要加上几个代码就能实现,是不是很有趣^_^,另对于论坛发帖,有时候并不支持用div来定义这些滤镜,虽然有很多人不喜欢用table,那也没有办法,如果是做网页的话,那就另当别论了,好了,费话少说了,相关属性说明:
-------------------------------------------------------------------------------- 1.滤镜:Alpha设置透明层次
语法:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,Finish inishX,FinishY=finishY)"
说明:
此滤镜可以使文字或图像产生透明效果(图形上面已有例子,见淡化边缘)
opacity:设定透明度,取值0-100,0为完全透明,100为完全不透明
finishopacity:渐变效果结束时的透明度,值同上
style:设定透明区域的类型,有4个值,=0是统一形状、=1是线形、=2是放射状、=3是长方形
startx、starty:是用于设定渐变透明效果开始的像素坐标,任意值,这个位置的透明度由opacity参数决定
finishx、finishy:是用于设定渐变透明效果结束时像素坐标,任意值,这个位置的透明度由finishopacity参数决定
-------------------------------------------------------------------------------- 2.滤镜:blur创建高速度移动效果,即模糊效果
语法:STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"
说明: Add:一般为1,或0。 Direction: 角度,0~315度,步长为45度。 Strength: 效果增长的数值,一般5即可。
-------------------------------------------------------------------------------- 3.滤镜:Chroma制作专用颜色透明
语法:STYLE="filter:Chroma(Color=color)"
说明: color:就是指定要变成透明的颜色,#rrggbb格式,任意。 -------------------------------------------------------------------------------- 4.滤镜:DropShadow创建对象的固定影子
语法:STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"
说明:
Color:#rrggbb格式,任意。
Offx:X轴偏离值。
Offy:Y轴偏离值。
Positive: 1或0。 -------------------------------------------------------------------------------- 5.滤镜:FlipH创建水平镜像图片
语法:STYLE="filter:FlipH" -------------------------------------------------------------------------------- 6.滤镜:FlipV创建垂直镜像图片
语法:STYLE="filter:FlipV" -------------------------------------------------------------------------------- 7.滤镜:glow加光辉在附近对象的边外
语法:STYLE="filter:Glow(Color=color,Strength=strength)"
说明:
Color:发光颜色,光晕的颜色。
Strength:强度(0-100),光晕的大小,单位是像素 -------------------------------------------------------------------------------- 8.滤镜:gray把图片灰度化
语法:STYLE="filter:Gray" -------------------------------------------------------------------------------- 9.滤镜:invert反色
语法:STYLE="filter:Invert" -------------------------------------------------------------------------------- 10.滤镜:mask创建透明掩膜在对象上
语法:STYLE="filter:Mask(Color=color)" -------------------------------------------------------------------------------- 11.滤镜:shadow创建偏移固定影子
语法:filter:Shadow(Color=color,Direction=direction)
说明:
Color:#rrggbb格式。
Direction: 角度,0-315度,步长为45度。 -------------------------------------------------------------------------------- 12.滤镜:wave波纹效果
语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
说明:
Add:一般为1,或0。
Freq:变形值,设定将产生多少个波纹。
LightStrength:变形百分比,设定产生光影效果的强度,取值0-100,建议不要设太高,否则会产生很难看的黑条的
Phase:角度变形百分比,设定正弦波开始的偏移量,取值是0-100 。
Strength:变形强度,扭曲的强度。 -------------------------------------------------------------------------------- 13.滤镜:Xray使对象变得像被 x光照射一样
语法:STYLE="filter:Xray"
|