css滤镜效果(一)
1.Alpha滤镜的语法:{filter: alpha(不透明度=不透明度,完成度=完成度,样式=样式,startx=startx,starty=starty,finishx=finishx,finish y=finish y)}“Alpha”属性是将目标元素与背景混合。设计者可以指定数值来控制混合程度。这种“与背景混合”就是一个元素的透明度。通过指定坐标,可以指定点、线和面的透明度。它们的参数含义如下:“不透明度”代表透明度级别。默认范围是从0到100,它们实际上是百分比形式。即0表示完全透明,100表示完全不透明。“完成传输”是一个可选参数。如果要设置渐变的透明度效果,可以使用它们来指定末端的透明度。范围也是0到100。“样式”参数指定透明区域的形状特征。0代表均匀形状,1代表线性形状,2代表径向形状,3代表矩形。“STARTX”和“STARTY”代表渐变透明度效果的起始x和y坐标。“FINISHX”和“FINISHY”表示渐变透明度效果结束的x和y坐标。效果如下:
。
2.模糊滤镜语法:对于HTML:{ ILD : Blur(add=add,direction=direction,strength=strength)}对于Script语言:[oblufilter=] object.filters .当您快速将手指刷在尚未干涸的油画上时,模糊会模糊。“模糊”就是产生同样的模糊效果。“添加”参数是“真(默认)”或“假”的布尔判断。它指定图片是否被更改为印象派模糊。模糊效果是顺时针进行的,使用“方向”参数来设置模糊的方向。其中0度代表垂直向上,然后每45度为一个单位。它的默认值是向左270度。“强度”的值只能用整数指定,它代表有多少像素的宽度会受到模糊的影响。默认值为5。对于网页上的字体,如果设置它的模糊“ADD=1”,这些字体的效果会非常好。如下:滤镜:模糊(add=ture,direction=135,strength=10)我会飞向你,雨会轻轻缀!
3.FlipH、FlipV过滤器语法:{filter:filph}和{filter:filpv}分别是水平反转和垂直反转,如下所示:
。
4.色度过滤器语法:{ filter : Chroma(COLOR=COLOR)}可以使用“chroma”属性将对象中的指定颜色设置为透明色,参数COLOR为透明色。下面是蓝色文本,然后用色度过滤器过滤掉蓝色,这就变成了下面的样子。过滤器:色度(颜色=蓝色)滴水檐5。DropShadow滤镜语法:{ Filter : drop shadow(color=color,offx=ofx,offer=offy,positive=positive)}“drop shadow”顾名思义就是添加对象的阴影效果。它的工作原理是创建一个偏移量并增加更深的深度。“颜色”代表投射阴影的颜色,“offx”和“off”分别是阴影在x方向和y方向的饥饿偏移。“正”参数是布尔值。如果为“真(非0)”,将为任何不透明像素创建可见投影。如果是“快速(0)”,则为透明像素部分建立透明效果
。
正常文本阴影后的文本(颜色=灰色,offx=5,offer=5。正值=0) 6。辉光滤镜语法:{filter: Glow (color=color,strength)}当“辉光”属性用于对象时,对象的边缘将具有发光效果。“COLOR”是光的指定颜色,“STRENGTH”是强度的表达式,可以用1到255之间的任意整数来指定。滤镜:辉光后的效果(颜色=红色,强度=10)滤镜:辉光后的效果(颜色=# ffff00,强度=5)滴水檐茶馆好像把PhotoShop踢到一边了,对吧?
版权声明:css滤镜效果(一)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。

















