IE9 是否支持 3D CSS 变换? [英] Does IE9 support 3D CSS Transforms?

问题描述

有没有人运行过在 Internet Explorer 9 上运行 3D CSS 变换的测试?如果是这样，他们成功了吗?

Has anyone run tests for running 3D CSS Transforms on Internet Explorer 9? If so, have they been successful?

我找不到任何关于它的信息，当然 Chrome/Safari/Firefox 已经添加了对它的支持:)

I can't find any information on it, of course Chrome/Safari/Firefox are already adding support for it :)

一些邪恶的新 3D CSS 语法

translate3d(x, y, z), translateZ(z)
移动 x、y 和 z 中的元素，并只移动 z 中的元素.正 z 朝向观察者.与 x 和 y 不同，z 值不能是百分比.

translate3d(x, y, z), translateZ(z)
Move the element in x, y and z, and just move the element in z. Positive z is towards the viewer. Unlike x and y, the z value cannot be a percentage.

scale3d(sx, sy, sz), scaleZ(sz)
在 x、y 和 z 中缩放元素.z 缩放会影响变换后的子对象中沿 z 轴的缩放.

scale3d(sx, sy, sz), scaleZ(sz)
Scale the element in x, y and z. The z scale affects the scaling along the z axis in transformed children.

rotateX(angle),rotateY(angle),rotate3d(x,y,z,angle),
前两种形式只是简单地围绕水平轴和垂直轴旋转元素.角度单位可以是度 (deg) 弧度 (rad) 或梯度 (grad).最后一种形式允许您在 3D 空间中围绕任意向量旋转元素；x、y 和 z 应指定您希望围绕其旋转的单位向量(我们将为您对其进行标准化).

rotateX(angle), rotateY(angle), rotate3d(x, y, z, angle),
The first two forms simply rotate the element about the horizontal and vertical axes. Angle units can be degrees (deg) radians (rad) or gradians (grad). The last form allows you to rotate the element around an arbitrary vector in 3D space; x, y and z should specify the unit vector you wish to rotate around (we’ll normalize it for you).

视角(p)
此功能允许您将一些透视图放入转换矩阵中.有关 p 的说明，请参见下文.通常透视是通过 -webkit-perspective 属性应用的，但此功能允许您为单个元素获得透视效果，例如:

perspective(p)
This function allows you to put some perspective into the transformation matrix. For an explanation of p, see below. Normally perspective is applied via the -webkit-perspective property, but this function allows you to get a perspective effect for a single element, with something like:

-webkit-transform: perspective(500px) rotateY(20deg);

ma​​trix3d(…)
此函数允许您以列优先顺序指定 16 个值的原始 4×4 齐次变换矩阵.玩得开心！

matrix3d(…)
This function allows you to specify the raw 4×4 homogeneous transformation matrix of 16 values in column-major order. Have fun with that!

取自此处.

推荐答案

不，IE9 不支持 3D 转换，只支持 2D 转换.

No, IE9 doesn't support 3D transforms, just 2D ones.

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

Microsoft lists here the new features of the browser: http://msdn.microsoft.com/en-us/ie/ff468705 -- 3D transforms didn't make it.

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

As a note: the client-specific prefix for CSS properties in IE9 is -ms-*

这篇关于IE9 是否支持 3D CSS 变换?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！