CSS过滤器的作用主要是在HTML标记上设置过滤效果。
CSS样式过滤器(过滤效果)在HTML的一些标记上设置过滤效果。
黑白照片滤镜:灰色;
X射线照片滤镜;
风力模糊过滤器:模糊(添加= true,方向= 45,强度= 30);
正弦脉动滤波器:波(添加= 0,频率= 60,= 1 = 0的强度、相位、强度= 3);
半透明效果滤镜:alpha(透明度= 50);
线式透明过滤器:α(不透明度0,finishopacity = 100,= 1 = 0风格,startx,初始位置为0,finishx = 100,finishy = 140);
辐射透明过滤器:α(不透明度10,finishopacity = 100,= 2 = 30风格,startx,初始位置为30,finishx = 200,finishy = 200);
白色透明过滤器:色度(颜色= # ffffff);
减少颜色过滤器:灰色;
薄膜的作用是过滤:反转;
左、右翻转过滤器:fliph;
垂直翻转过滤器:垂直翻转;
投影效果滤镜:ProgID:dximagetransform.microsoft.dropshadow(颜色= # cccccc,offx = 5,= 5化,阳性= true);
马赛克滤镜:ProgID:dximagetransform.microsoft.pixelate(maxsquare = 3);
发光滤镜的效果:ProgID:dximagetransform.microsoft.glow(颜色= # cccccc,强度= 5);
软边效果滤镜:α(不透明度100,finishopacity = 0,风格= 2)
过滤器的属性表支持IE4.0
滤镜效果描述:
Alpha设置透明度
blru建立模糊效果
色度将指定的颜色设置为透明。
建立一个偏移图像轮廓的阴影,阴影
FlipH level reversal
对垂直翻转垂直翻转
辉光向物体的外边界增加光。
灰度减少图片的颜色。
反转完全反转颜色、饱和度和亮度的效果,以确定电影的效果。
光是物体上的光投射。
掩模是物体的透明薄膜。
阴影确定物体的立体轮廓,也就是阴影的效果。
波使用正弦波纹来干扰x轴和y轴方向的图像。
X线仅显示对象的轮廓
以下是以下内容:
1,阿尔法过滤器
语法:{过滤:α(不透明度:透明度,finishopacity = finishopacity,风格=风格,StartX = startx,
初始位置为初始位置,finishx = finishx,finishy = finishy)}
the'alpha'attribute是将目标与背景的元素,设计师可以指定控制混合程度的数值。这混合背景通俗的说
它是一个元素的透明度。通过指定的坐标,它可以指定点、线和面的透明度。它们的参数如下所示:
opacity'represents透明度,默认的范围是从0到100,他们实际上是一个百分比的形式。也就是说,0代表完全透明,
100代表完全不透明。finishopacity'is可选参数,如果你想设置的渐变透明的效果,你可以用它们来指定
在一天结束时的透明度。范围是0到100。style'parameter指定透明区域的形状特征。0是统一的,1,和2的辐射。
3个代表矩形。startx和startyx和y坐标表示透明度的渐变的开始。
finishx和finishy在渐变透明效果结束X和Y的坐标。
2,Blur滤波器
语法:对于html:{滤镜:模糊(添加=,方向=方向,强度=强度)}
为脚本语言:{ } object.filters.blur oblurfilter =
通过在一个优秀的油画的手指快速行程模糊图片变。blur'is相同的模糊效果。
ADD参数是一个布尔判断真正的(默认)或false。它指定图片改成印象派的模糊
效应u3002the模糊效果进行顺时针方向的,DIRECTION参数用来设置模糊的方向。其中0代表垂直
起来,然后每45度为一个单位,它的默认值是270度左右。Ldquo;STRENGTH价值只能指定整数,
她所代表的像素的宽度将受到模糊的影响。默认值是5。
3、fliph,FlipV滤波器
语法:{过滤:filph },{过滤:filpv }是水平和垂直反转反转,分别
4、色度滤波器
语法:{过滤器:色度(颜色=颜色)}
使用的chroma'property可以设置对象中指定的颜色为透明,和参数的颜色是透明色。
5、投影滤波器
语法:{过滤:阴影(颜色=颜色,offx = = X,化化,正=正)}
dropshaow,顾名思义,就是添加对象的阴影效果。工作原理是建立一个偏移量,加上更深的一。
color'represents投射阴影的颜色,and'offxand'offy'are饥饿抵消X方向和Y方向的影子,分别。
the'positive'parameter是一个布尔值,如果是真(非0)然后一个可见的投影设置为任何非透明像素。
如果假(0)然后为透明的像素部分透明效果的代码如下:
Dropshadow(颜色为灰色,offx = 5,= 5化。积极= 0)
6、辉光滤光片
语法:{滤镜:辉光(颜色,颜色,强度)}
当the'glow'property用于一个对象,该对象的边缘产生一种类似发光的效果。COLOR指定
的发光颜色STRENGTH是强度性能,并可以通过1和255之间的任意整数指定。
滤镜效果:发光(颜色=红色,强度= 10)
滤波效果:辉光(颜色= # ffff00,强度= 5)
7、灰度、反转、X射线滤波器
语法:{白},{过滤:过滤:反转},{过滤}:X射线
灰色过滤器是把图片变成灰度图;(汶川地震的许多地点都是灰色的,也就是说,使用这个代码)。
反转滤镜将翻转对象的所有视觉属性,包括颜色、饱和度和亮度值。
X射线过滤是让对象反映出它的轮廓和突出的轮廓,即所谓X光片。
8、滤光器
语法:筛选器{ { }
此属性模拟光源的投射作用。一旦对象定义为light'filter性质,那么它可以称为;方法(方法)来设置或更改属性。Ldquo;可light'are方法:
AddAmbient和周围的光源
加入锥形光源被添加到一个锥形光源
加入点光源点光源
changcolor改变光的颜色
changstrength改变光源的强度
清除所有光源
移动光源移动光源
AddAmbient (iRed, iGreen, iBlue, iStrength): add ambient light to the filter.The light of the environment is no direction, and it is evenly sprinkled on the surface of the page.The ambient light color and intensity, can be more color as the object of the tian.Through it
常与其他光源一起使用。没有返回值。参数见下表。
产品:必须的。整数(整数),红色值是指定的值的范围是0-255。
IGreen:必须的。整数(整数)。指定的绿色值,值的范围是0-255。
IBlue:必须的。整数(整数),蓝值是指定的值的范围是0-255。
IStrength:必须的。整数(整数)。指定光强值的范围为0-100。
ChangeColor(ilightnumber,叫计划,iblue,fabsolute):改变光的颜色。没有返回值,参数如下表所示。
ILightNumber:必须的。整数(整数)。指定光的标识符。
产品:必须的。整数(整数),红色值是指定的值的范围是0-255。
IGreen:必须的。整数(整数)。指定的绿色值,值的范围是0-255。
IBlue:必须的。整数(整数),蓝值是指定的值的范围是0-255。
FAbsolute:必须的。布尔值(Boolean)。指定的变化是当前设置或当前设置的相对值替换的绝对值。这个参数是不等于零的绝对值表示。否则,用相对值。
可以定义光源的虚拟位置,并通过调整x轴和y轴的值来控制光的焦点位置。它还可以调整光源的形式(点光源或圆锥光源),指定光源是否模糊边界、光源的颜色和亮度等。
如果光源是动态设置的,可能会产生一些意想不到的效果。
9、屏蔽滤波器
语法:{筛选器:掩码(颜色=颜色)}
使用the'mask'attribute构建一个覆盖膜上表面为对象,效果就像佩戴者看到事物的有色眼镜。
10、阴影滤波器
语法:{滤镜:阴影(颜色=颜色,方向=方向)}
使用Shadow属性可以在指定的方向建立物体的投影,色彩是投影的颜色,和方向是设置投影的方向。其中0代表垂直向上,然后每45度为一个单位,它的默认值是270度左。
11、滤波器的语法:{过滤:波(添加=增加,频率=频率、强度=强度、相位=相,强度=强度)}
the'wave'attribute破坏对象在垂直波形样式。默认是真(非0);
add指示对象是否是由波形式干扰,
FREQ它的涟漪,那是频率,多少完整的波纹的产生需要的对象的总的对象。
lightstrength参数可用于光与影的脉动增强,范围0—100,
phase参数用于设置正弦波的偏移。
STRENGTH代表振幅。
控制div层的背景半透明
var container = document.getelementbyid(地图);
container.style.filter =ProgID:DXImageTransform.Microsoft.Alpha(风格= 3,不透明度50,finishopacity = 50);
container.style.opacity =0.1;
或:
container.style.filter =阿尔法(不透明度0,finishopacity = 100,= 1 = 0风格,startx,初始位置为0,finishx = 100,finishy = 140);
img.style.filter =阿尔法(不透明度50);地图 / /即是透明的
img.style.mozopacity = 0.5; / /设置透明度地图在Firefox