CSS滤镜使用方法和实例解释.pptVIP

滤镜 CSS滤镜的标识符是：filter 语法： filter：filtername（parameters） 进行滤镜之前必须定义filter filtername是滤镜名，parameters是滤镜参数 alpha 参数 说 明 Opacity 代表透明度等级，可选值0-100，0代表完全透明，100代表完全不透明 FinishOpacity 可选项，设置结束时的透明度，制作渐变效果，可选值0-100 Style 指明区域的形状特征，0代表统一形状，1代表线性，2代表圆形放射渐变，3代表矩形反射渐变，当style为2或3时，StartX，StartY就无意义 StartX，StartY 代表透明效果的开始坐标，坐标值是百分比，取值范围0-100 FinishX,FinishY 代表透明效果的结束坐标，坐标值是百分比，取值范围0-100 通道（alpha） Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) blur 参数 说 明 Add 有true和false两个值，用来指定是否叠加原图片 Direction 设置模糊的方向，模糊效果按顺时针方向进行。0度代表垂直向上，默认值270度 Strength 使用整数指定，代表有多少像素的宽度受到模糊影响，默认值5px 模糊（blur） Blur(Add=？, Direction=？, Strength=？); Chroma 参数 说 明 Color 使某一个特定的颜色透明，此参数就代表它的颜色值 透明色（Chroma） Chroma(Color=?) eg : Chroma(Color=#ff6800) dropshadow 参数 说 明 Color 代表投射阴影的颜色 OffX, OffY 表示x方向和y方向的偏移量。设置为正整数，代表x轴的右方向和y轴的向下方向，设置为负数，则相反 Positive 有两个值，true为任何非透明像素建立可见的投影，false为透明的像素部分建立可见的投影 下落阴影（dropshadow） DropShadow(Color=?, OffX=?, OffY=?, Positive=?) Glow 参数 说 明 Color 指定发光的颜色 Strength 指定发光的强度，参数值从1-255 光晕（Glow） Glow(Color=?, Strength=?) Gray 灰度（Gray） Gray eg filter:Gray; invert 反色（invert） invert eg filter:invert; mask 参数 说 明 Color 用来指定使用什么颜色作为掩膜，建议用gif图片 遮罩（mask） mask(Color=?) shadow 参数 说 明 Color 设置阴影的颜色 Direction 设定阴影方向，改方向按顺时针方向进行，其中0度代表垂直向上 阴影（shadow） Shadow(Color=?, Direction=?) xray X射线（xray） xray eg filter:xray; wave 参数 说 明 Add 1表示显示原对象，0表示不显示原对象 Freq 指生成波纹的频率，即在对象上共需要产生多少个完整的波纹 LightStrength 使生成的波纹增强光的效果，参数值0-100 Phase 用来设置正弦波开始的偏移量，0-100 Strength 振幅大小 波浪（wave） Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) 淡入淡出 （ BlendTrans ） BlendTrans滤镜是CSS的高级滤镜之一，语法与一般滤镜类似：filter: BlendTrans(duration=秒数) 其中：duration是图片切换时间，以秒为单位。 (revealtrans)图片轮播　图片切换 revealTrans主要有两个参数:Duration和transition.duration表示持续的时间,而transition表示转换的效果类型.revealTrans(duration=Number,transition=Number)