有人在Internet Explorer 9上运行测试以运行3D CSS变换吗?
如果是这样,他们是否成功了?
如果是这样,他们是否成功了?
我找不到任何关于它的信息,当然Chrome / Safari / Firefox已经添加了对它的支持:)
一些邪恶的新3D CSS语法
translate3d(x,y,z),translateZ(z)
在x,y和z中移动元素,然后只在z中移动元素.正z面向观众.与x和y不同,z值不能是百分比.
scale3d(sx,sy,sz),scaleZ(sz)
缩放x,y和z中的元素. z比例影响转换子项中沿z轴的缩放.
rotateX(角度),rotateY(角度),rotate3d(x,z,角度),
前两种形式只是围绕水平和垂直轴旋转元素.角度单位可以是度(度)弧度(弧度)或梯度(grad).最后一种形式允许您围绕3D空间中的任意向量旋转元素; x,y和z应指定您想要旋转的单位矢量(我们将为您标准化).
立体(p)的
此功能允许您将一些透视放入转换矩阵.有关p的解释,请参见下文.通常透视是通过-webkit-perspective属性应用的,但是此函数允许您获得单个元素的透视效果,例如:
-webkit-transform: perspective(500px) rotateY(20deg);
的Matrix3D(…)
此功能允许您以列主顺序指定16个值的原始4×4齐次变换矩阵.玩得开心!
取自here.
解决方法
不,IE9不支持3D变换,只支持2D变换.
微软在这里列出了浏览器的新功能:http://msdn.microsoft.com/en-us/ie/ff468705 – 3D转换没有成功.
注意:IE9中CSS属性的客户端特定前缀是-ms- *