什么是CSS3 3D转换

CSS3 允许您使用 3D 转换来对元素进行格式化。  rotateX()  rotateY()

1，rotateX() 方法

rotateX()方法，围绕其在一个给定度数X轴旋转的元素。

OperaSafariChromeFirefoxInternet Explorer
实例
div
{
transform: rotateX(120deg);
-webkit-transform: rotateX(120deg); /* Safari 与 Chrome */
}

2，rotateY() 方法

rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。

实例

div

{

    transform: rotateY(130deg);

    -webkit-transform: rotateY(130deg); /* Safari 与 Chrome */

}

3，转换属性

transform向元素应用 2D 或 3D 转换。3

transform-origin允许你改变被转换元素的位置。3

transform-style规定被嵌套元素如何在 3D 空间中显示。3

perspective规定 3D 元素的透视效果。3

perspective-origin规定 3D 元素的底部位置。3

backface-visibility定义元素在不面对屏幕时是否可见。3

文章来自 www.jialefzp.com 

rotateY() 方法