html - IE9 是否支持 3D CSS 转换?

标签 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( Angular ), rotateY( Angular ), rotate3d(x, y, z, Angular ),
前两种形式只是简单地围绕水平轴和垂直轴旋转元素。 Angular 单位可以是度(deg)、弧度(rad)或弧度(grad)。最后一种形式允许您围绕 3D 空间中的任意向量旋转元素; x、y 和 z 应指定您希望旋转的单位向量(我们将为您对其进行归一化)。

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

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

矩阵 3d(…)
此函数允许您按列优先顺序指定 16 个值的原始 4×4 齐次变换矩阵。玩得开心!

摘自 here .

最佳答案

不,IE9 不支持 3D 转换,只支持 2D。

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

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

关于html - IE9 是否支持 3D CSS 转换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5427260/

相关文章:

javascript - Jquery UI 可拖动选择项可拖动

html - 为 3 个 div 设置固定高度

html - 底层和顶层的CSS悬停触发器

python - 在 wxPython 应用程序中嵌入 3D 编辑器(例如 Blender)

css - Chrome : Text container not 100% height

Html.EditorFor 如何设置 Bootstrap 类和 HTML 属性?

html - 生成定制的静态 swagger 文档

javascript - 如何限制 chrome 中的最大文本区域宽度和高度或如何禁用文本区域调整大小

javascript - three.js transforms 和 CSS3 3D-transforms 如何对应?

3d - 如何在 A 型框架中启用加法混合?