首页 文章

IE9是否支持3D CSS变换?

提问于
浏览
8

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

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

Some wicked new 3D CSS syntax

translate3d(x, y, z), translateZ(z)
在x,y和z中移动元素,然后在z中移动元素 . 正z面向 Spectator . 与x和y不同,z值不能是百分比 .

scale3d(sx, sy, sz), scaleZ(sz)
缩放x,y和z中的元素 . z比例影响转换子项中沿z轴的缩放 .

rotateX(angle), rotateY(angle), rotate3d(x, y, z, angle),
前两种形式只是围绕水平和垂直轴旋转元素 . 角度单位可以是度(度)弧度(弧度)或梯度(grad) . 最后一种形式允许您围绕3D空间中的任意向量旋转元素; x,y和z应指定您想要旋转的单位矢量(我们将为您标准化) .

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

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

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

取自here .

3 回答

相关问题