CSS滤镜使用方法和实例解释PPT课件

上传人:优*** 文档编号:149493650 上传时间:2020-10-27 格式:PPT 页数:15 大小:1.41MB
返回 下载 相关 举报
CSS滤镜使用方法和实例解释PPT课件_第1页
第1页 / 共15页
CSS滤镜使用方法和实例解释PPT课件_第2页
第2页 / 共15页
CSS滤镜使用方法和实例解释PPT课件_第3页
第3页 / 共15页
CSS滤镜使用方法和实例解释PPT课件_第4页
第4页 / 共15页
CSS滤镜使用方法和实例解释PPT课件_第5页
第5页 / 共15页
点击查看更多>>
资源描述

《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),

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 高等教育 > 专业基础教材

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号