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

问题描述

有没有人运行测试在Internet Explorer 9上运行3D CSS转换？
如果是，是否成功了？

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

p> translate3d（x，y，z），translateZ（z）

移动x，y和z中的元素，只需移动z中的元素。正z朝向观察者。与x和y不同，z值不能是百分比。

scale3d（sx，sy，sz），scaleZ（sz）

缩放x，y和z中的元素。

rotateX（angle），rotateY（angle），rotate3d（x，y，z，角度），

前两种形式只需围绕水平和垂直轴旋转元素。角度单位可以是度（度）弧度（rad）或gradian（grad）。最后一个形式允许您在3D空间中围绕任意向量旋转元素;

透视图（p）

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

  -webkit-transform：perspective（500px）rotateY（20deg）; 
  

matrix3d（...）允许您以列为主的顺序指定16个值的原始4×4均匀变换矩阵。有乐趣！

取自

$ p

解决方案

不，IE9不支持3D变换， / p>

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

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

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

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

Some wicked new 3D CSS syntax

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)
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),
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).

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);

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!

Taken from here.

解决方案

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

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

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

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