css中filter代码在哪写入

html-css025

css中filter代码在哪写入,第1张

filter,是在做渐变等效果的IE专用。CSS2.0版本支持再向前1.0就不清楚了。

语法:filter:alpha(opacity,finishopacity,style,startX,startY,finishX,finishY)

alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity,

style,startX,startY,finishX,finishY).

opacity代表透明度数,选值0-100,0是完全透明,100是不透明.

finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.style指渐变类型,0是无变化,1是线行渐变,2是放射渐变,3是X型渐变.

滤镜效果filter的css样式属性是微软Internet Explorer特有的,未被W3C收入,故而在火狐浏览器下尚未提供支持。但是通过js编码可以部分实现一些滤镜效果,如透明等。

随着浏览器的发展CSS的功能越来越强大,大多数的滤镜效果有类似功能的CSS样式实现了。

对应表:

IE 滤镜  W3C 滤镜

Alpha:设置透明层次. grayscale 灰度

blur:创建高速度移动效果,即模糊效果. sepia 褐色

Chroma:制作专用颜色透明.   saturate 饱和度

DropShadow:创建对象的固定影子. hue-rotate 色相旋转

FlipH:创建水平镜像图片.  invert 反色

FlipV:创建垂直镜像图片.  opacity 透明度

glow:加光辉在附近对象的边外. brightness 亮度

gray:把图片灰度化.  contrast 对比度

invert:反色.blur 模糊

light:创建光源在对象上.  drop-shadow 阴影

mask:创建透明掩膜在对象上.

shadow:创建偏移固定影子.

wave:波纹效果.

Xray:使对象变的像被x光照射一样.