css滤镜

css滤镜CSS滤镜属性用于定制图片的显示效果 1）滤镜的有效HTML标记： BODY BUTTON DIV IMG INPUT MARQUEE SPAN TABLE TD TEXTAREA TH TR 2）滤镜的属性参数 a) 设置透明度Alpha　　语法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1,Starty=y1,Finishx=x2,Finishy=y2)} "Opacity"透明度.从0到100,0代表完全透明.100代表完全不...

CSS滤镜属性用于定制图片的显示效果 1）滤镜的有效HTML标记： BODY BUTTON DIV IMG INPUT MARQUEE SPAN TABLE TD TEXTAREA TH TR 2）滤镜的属性参数 a) 设置透明度Alpha　　语法: { FILTER: Alpha(Opacity=n1,Finishopacity=n2,Style=#,Startx=x1,Starty=y1,Finishx=x2,Finishy=y2)} "Opacity"透明度.从0到100,0代表完全透明.100代表完全不透明. "Finishopacity"可选，指定结束时的透明度.0到100. "Style"透明区域形状.其中#可为:0代表统一形状,1线形,2放射状,3长方形. "Startx"和"Starty"渐变透明效果的开始X和Y坐标. "Finsihx"和"Finsihy"渐变透明效果结束X和Y的坐标. 　CSS滤镜实例 b) 模糊Blur 语法:{filter:blur(add=add,direction=direction,strength=strength)} "add""TRUE(默认)"或者"FALSE".指定图片是否被改变成印象派的模糊效果.1为真，0为假 "direction"设置模糊的方向.0垂直向上,每45度为一个单位.默认值向左的270度. "strength"有多少像素的宽度受到模糊影响,默认是5个像素. 　CSS滤镜实例 c) 透明 Chroma 把指定的颜色设置为透明语法: {filter:chroma(color=color)} COLOR,设置为透明色的颜色的值举例：

d) 投射阴影DropShadow　　语法: {filter:Dropshadow(Color=color,Offx=x,Offy=y,positive=positive)} "Color"阴影颜色 "Offx"和"Offy"是X方向和Y方向阴影的偏移量. "Positive"如果为"True"为任何的非透明像素建立可见的投影.如果为"False",为透明的像素部分建立可见的投影. 　CSS滤镜实例 e) 翻转 FlipH, FlipV　　语法:{filter: FlipH} ,{filter: FlipV} 分别是将对象水平反转和垂直反转　CSS滤镜实例 　　

CSS滤镜实例

f)对象的外边界增加光效Glow　语法：{filter:Glow(Color=color,Strength=n)} "Color"发光色 "Strength"强度从1到255 CSS滤镜实例 g)图象色彩转换 Gray灰度 Invert反色 Xray映出图象轮廓并把这些轮廓加亮（X光效果，灰度后反色）语法: {filter:gray} {filter:invert} {filter:xray} h) 阴影效果Shadow　　语法: {filter:shadow(Color=color,Direction=direction)} Color投影色 Direction投影.0度垂直向上,然后每45度为一个单位.默认值是向左的270度. 　CSS滤镜实例 i) 正弦波纹Wave　　在X轴和Y轴方向利用正弦波纹打乱图片语法: {filter:wave(Add=True/False,Freq=n,Lightstrength=n1,Phase=n2,Strength=n3)} "Add"是否打乱,默认是"True". "Freq"产生多少个完整的波纹. "LightStrength"增强光影,0-100的整数值. "Phase"正弦波的偏移量,通常值为0,范围是0-100的整数值 "Strength"代表振幅大小. CSS滤镜实例 j) Gray ,Invert,Xray 滤镜　　语法:{filter:gray} ,{filter:invert},{filter:xray} 　　Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。　　　提示：CSS滤镜还经常用来修饰图像。比如用Flip滤镜，就可以使图像倒过来显示。最后请注意：要使用CSS滤镜，只有在HTML编辑模式下编辑发布才有效果。

                    本文档为【css滤镜】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

css滤镜

你可能还喜欢