HTML – IE9是否支持3D CSS变换?

前端之家收集整理的这篇文章主要介绍了HTML – IE9是否支持3D CSS变换?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人在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- *

原文链接:https://www.f2er.com/html/228462.html

猜你在找的HTML相关文章