css 网页滤镜特效.ppt

《css 网页滤镜特效.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS样式表的应用一、滤镜(filter)的概述CSS样式表中功能最丰富、效果最奇特的工具之一，通过设置，能在网页上制作出多姿多彩、令人炫目的各种效果。二、透明滤镜的应用—alpha使得网页中对象透明度发生变化。语法：filter：alpha（opacity=opcity，finishopacity=finishopacity，style=style，startX=startX，startY=startY，finishX=finishX，finishY=finishY）Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。Style参数指定了透明区域的形状特

2、征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。例：alpha（opacity=100，finishopacity=0，style=2，startX=0，startY=0，finishX=200，finishY=200）alpha（通道）显示滤镜的应用CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动

3、态效果中随机抽用其中的一种。操作提示：在网页源代码的与之间插入这样一行代码：注意：预览时，单击一个超链接进入该页面，看到切换效果。切换效果Transition参数值切换效果Transition参数值矩形从大至小0随机溶解12矩形从小至大1从上下向中间展开13圆形从大至小2从中间向上下展开14圆形从小至大3从两边向中间展开15向上推开4从中间向两边展开16向下推开5从右上向左下展开17向右推开6从右下向左上展开18向左推开

4、7从左上向右下展开19垂直形百叶窗8从左下向右上展开20水平形百叶窗9随机水平细纹21水平棋盘10随机垂直细纹22垂直棋盘11随机选取一种特效23Blur--模糊滤镜的应用产生立体字的效果，推荐好书自学：参考学习