Matrix兼容性:IE5.5+
语法:
CSS |
filter : progid:DXImageTransform.Microsoft.Matrix ( enabled=bEnabled , SizingMethod=sMethod , FilterType=sType , Dx=fDx , Dy=fDy , M11=fM11 , M12=fM12 , M21=fM21 , M22=fM22 )
|
Scripting |
object.style.filter = "progid:DXImageTransform.Microsoft.Matrix ( sProperties ) "
|
说明:
使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。
使用此滤镜可以建立下列效果:
- 左右反转。将 M11 和 M12 的值取负。
- 上下反转。将 M21 和 M22 的值取负。
- 改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。
使用
padding 属性能够使最终图像边角被剪切的机会降到最小。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(enabled='false') ; }
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, sizingmethod="auto expand"); }