DIV+CSSCSS滤镜的应用.ppt

汇报人： 时间：2020
本模板有完整的思路及框架，更贴近实用
DIV+CSSCSS滤镜的应用
其中：参数direction用于设定动态模糊效果的方向，总单位为360°，0代表垂直向上，并以每45°为一个单位，而度数以方向定位时，
汇报人： 时间：2020
本模板有完整的思路及框架，更贴近实用
DIV+CSSCSS滤镜的应用
其中：参数direction用于设定动态模糊效果的方向，总单位为360°，0代表垂直向上，并以每45°为一个单位，而度数以方向定位时，将如下图所示。
透明色(Chroma)
透明色（Chroma）
Chroma(enablrd=? ,Color=?)
参数
说 明
enabled
有true和false两个值，用来指定是否应用滤镜
Color
使某一个特定的颜色透明，此参数就代表它的颜色值
反转变换(Flip)
FlipH滤镜是设置对象产生水平翻转180°，即左右相反的效果；而FlipV滤镜是设置对象产生垂直翻转180°，即上下颠倒的效果。
这两个滤镜的基本语法如下：
filter:FlipH
filter:FlipV
这两个滤镜没有参数。
光晕(Glow)
参数
说 明
Color
指定发光的颜色
Strength
指定发光的强度，参数值从1-255
光晕（Glow）
Glow(Color=?, Strength=?)
灰度(Gray)
灰度（Gray）
filter:Gray;
反色(Invert)
反色（invert）
filter:invert;
遮罩(Mast)
参数
说 明
Color
用来指定使用什么颜色作为掩膜，建议用gif图片
遮罩（mask）
mask(Color=?)
阴影(Shadow)
参数
说 明
Color
设置阴影的颜色
offx
用来设置阴影在横坐标轴上以对象为基准的偏移量。其值为整数型，正右，负左，默认为5
offy
用来设置阴影在纵坐标轴上以对象为基准的偏移量。其值为整数型，正下，负上，默认为5
positive
True为任何非透明像素建立可见投影，false为任何透明像素建立可见投影
阴影（shadow）
Shadow(enabled=?,Color=?, offX=?,offY=?,positive=?)
X-射线
X射线（xray）
filter:xray;
浮雕纹理
浮雕纹理(Emboss和Engrave)
filter:progid:(ennabled=ennabled,bias=？)
filter:progid:(ennabled=ennabled,bias=?)
参数
说 明
enabled
设置阴影的颜色
emboss
产生凹陷的浮雕效果
engrave
产生突出的浮雕效果
bias
浮雕深度
参数
说 明
Add
1表示显示原对象，0表示不显示原对象
Freq
指生成波纹的频率，即在对象上共需要产生多少个完整的波纹
LightStrength
使生成的波纹增强光的效果，参数值0-100
Phase
用来设置正弦波开始的偏移量，0-100
Strength
振幅大小
波浪（wave）
Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?)
波浪
再见