css filter 滤镜

发表于 更新于 分类于 阅读次数：

旋转效果(貌似已经失效)

快速转换通道：

http://www.useragentman.com/IETransformsTranslator/

代码：

filter:progid:DXImageTransform.Microsoft.Matrix(Dx=dx,Dy=dy,M11=m11,M12=m12,M21=m21,M22=m22);

算法：

dx=-width/2cos(deg)+height/2sin(deg)+width/2

dy=-width/2sin(deg)-height/2cos(deg)+height/2

设旋转角为x，用弧度表示。

m11=cos(x)

m12=-sin(x)

m21=sin(x)

m22=cos(x)

背景拉伸

代码：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’.bg.jpg’, sizingMethod=’scale’);

图片路径用绝对路径

背景色透明

代码：

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c20244d,endcolorstr=#4c20244d);

颜色前两位代表透明度

渐变

代码：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ffffff,GradientType=0);

GradientType： 0 垂直 1 水平