IE9是否支持3D CSS变换?

Mar*_*rko 8 html css 3d

有人在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,y,z,角度),
前两个表单只是围绕水平轴和垂直轴旋转元素.角度单位可以是度(度)弧度(弧度)或梯度(grad).最后一种形式允许您围绕3D空间中的任意向量旋转元素; x,y和z应指定您想要旋转的单位矢量(我们将为您标准化).

perspective(p)
此函数允许您将一些透视放入转换矩阵.有关p的解释,请参见下文.通常透视是通过-webkit-perspective属性应用的,但是此函数允许您为单个元素获取透视效果,例如:

-webkit-transform: perspective(500px) rotateY(20deg);
Run Code Online (Sandbox Code Playgroud)

matrix3d(...)
此函数允许您以列为主的顺序指定16个值的原始4×4齐次变换矩阵.玩得开心!

取自这里.

Gav*_*egg 17

不,IE9不支持3D变换,只支持2D变换.

微软在这里列出了浏览器的新功能:http://msdn.microsoft.com/en-us/ie/ff468705 - 3D转换没有成功.

注意:IE9中CSS属性的客户端特定前缀是 -ms-*