《CSS滤镜使用方法和实例解释PPT课件》由会员分享,可在线阅读,更多相关《CSS滤镜使用方法和实例解释PPT课件(15页珍藏版)》请在金锄头文库上搜索。
1、.,1,CSS滤镜,.,滤镜,CSS滤镜的标识符是:filter 语法: filter:filtername(parameters) 进行滤镜之前必须定义filter filtername是滤镜名,parameters是滤镜参数,.,alpha,通道(alpha) Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?),.,blur,模糊(blur) Blur(Add=?, Direction=?, Strength=?);,.,Chroma,透明色(Chroma) Chroma(
2、Color=?),eg : Chroma(Color=#ff6800),.,dropshadow,下落阴影(dropshadow) DropShadow(Color=?, OffX=?, OffY=?, Positive=?),.,Glow,光晕(Glow) Glow(Color=?, Strength=?),.,Gray,灰度(Gray) Gray eg filter:Gray;,.,invert,反色(invert) invert eg filter:invert;,.,mask,遮罩(mask) mask(Color=?),.,shadow,阴影(shadow) Shadow(Color
3、=?, Direction=?),.,xray,X射线(xray) xray eg filter:xray;,.,wave,波浪(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),