基于网页的CSS滤镜.pdf

收稿日期“ “ 作者简介谢春明 6 7 5 ; A/ 8 B; 6 ; 6 CDE F 6 / 0 / C A3 4 0 GG G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G G , “ “ 文章编号 ’ 0 5 M样式表单属性来对JE BK产生作用的,本 文论述了9 I I滤镜的主要属性并给出了一个应用实例, 关键词9 I I滤镜NO ; 0 5 NP 0 4 5属性NQ0 R 7属性N参数 中图分类号E S- ’ -文献标识码Q 9 I I是层叠样式表 6 CI A 0 I * 的简称它实际上是一组样式样式中的属性在 JE BK元素中依次出现 并显示在浏览器中,样式 可以定义在JE BK文档的标记里也可以在外部 附加文档中作为外加文件这时一个样式表单可 以作用于多个页面甚至整个站点因此具有很好 的易用性和扩展性, 9 I I滤镜是9 I I的扩展部分 使用这种技术 能把可视化的滤镜和转换效果添加到一个标准的 JE BK元素上, 滤镜是通过L 8 ; 0 5 M样式表单属性 来对 JE BK产生作用的,定义滤镜样式的语法 是 8 ; 0 5 8 ; 0 5 6 7 U 0 5 Z 0 4 5 5 F ; / 6 5 6 C * 参数L 7 T T M是一个布尔值用来指定图片是否 被改变成模糊效果, 模糊效果是按照顺时针方向进行的V “ W参数 L T ; 5 F ; / 6 M用来设置模糊的方向表列出了它的 几种取值, 表\参数L c d b e f g d h i M的取值 j k l ‘ e\ GG G j m en h b o h nc d b e f g d h ip k b k oe g e b q rs k ‘ a e 角度t C C C 0 5 C 0 / | 滤镜的 A 2 B属性是把目标元素与背景 混合在一起’起到渐变的透明效果,其语法格式为C D E . / CB A 2 B F A B “ E . G ’D E 0 E - 2 A B “ E . G ’- . G / ’ - . B . H ’- . B . I’D E 0 E - 2 H ’D E 0 E - 2 IJ 参 数 A B “ E . G 滤镜的a A 2 B b c属性用来给指定的 对象添加阴影效果’其语法格式为C D E . / C b A - 2 B b c F“ ’ D D H ’ D D I’ A - E . E d / J 参数 “ k ’ i j ; l和m n o p \ q属性 滤镜的r E A s属性用来对图片进行垂直 方向的翻转e r E A V属性用来对图片进行水平方向 的翻转e t 0 d / .属性用来把对象的可视化属性全部 翻转’包括色彩u亮度和饱和度,其语法格式分别 为C D E . / CD E A s D E . / CD E A V D E . / CE 0 d / . v w 滤镜应用实例 本节给出 滤镜在网页设计中的一个应用 实例’本例将 A 2 B属性作用于图片B x “ , y A 1 ’使其 产生渐变效果, z 2 . Y { z 2 / B b { z Y/ . B0 B Y/ | * } } W ; 这样就可得到图象的不同效 果 结束语 使 用 “ “滤 镜 有 多 种 方 式如 果 把 它 同 A ’ - ’ “ 8 B , 5语言结合起来 就可以使网页变得更加 活泼C更加丰富 参考文献D E F G “ 5 H - H IJK 0 ; ; E S G 贾利峰张永战动态网页全接触E JG 北京D人民邮 电出版社 S ; ; F E G 黄斯伟K “ “网页样式设计E JG 北京D人民邮电出 版社 S ; ; F E T G 段喜亭K A ’ - ’ “ 8 B , 5中文教程E JG 台北D百通图书股 份有限公司S ; ; ; 0 ; T , I ’‘ a b c d e f g d D0 H “ “L , 5 H B V H I Q 8 ’ I’ H I 5 35 H- , Q M ’ Q , H - H V H I Q ’ I 5 H8 3 I - H B 5 , 2 HH L L H 8 5 5 HI 3 B 6’ h0 JVH H 6H I 5 ’ I , 5 8 ’ I’ Q 3’ 8 5 3 I6’ I 4XH 2 Q H - H I5 Hi 3 HXH 2Q 5 ’ 5 , 3 I 0 H “ “L M I 8 5 , 3 I Q5 3 5 Hh0 JV2 ’ Q H 3 I5 H’ 5 5 B , 2 M 5 H3 L 7 L , 5 H B 9L 3 B 60 H6’ , I’ 5 5 B , 2 M 5 H3 L “ “L , 5 H B V H I Q, Q, I 5 B 3 M 8 H ’ I ’ IH j ’ 6 H, QR , - H I kl mn o e p c D “ “L , 5 H B V H I Q qL , 5 H B qN M B ’ 5 5 B , 2 M 5 H q’ ’’ 5 5 B , 2 M 5 H q ’ B ’ 6H 5 H B rT 第T期谢春明D基于网页的 “ “滤镜 万方数据