12.23学习内容（1）

一.3D转换

1.rotateX() 方法使元素绕其 X 轴旋转给定角度。

代码：

效果：

 

2. rotateY() 方法使元素绕其 Y 轴旋转给定角度。

代码：

效果：

 

3.rotateZ() 方法使元素绕其 Z 轴旋转给定角度。

代码：

 

效果：

 

二.透视

perspective 指定了观察者与 z = 0 平面的距离，使具有三维位置变换的元素产生透视效果。

简单理解就是将电脑屏幕当做一个平面，用户眼睛到屏幕的垂直方向。值越大用户与屏幕距离越远，视觉效果很小；值越小，3D 效果就越明显。

三.3D旋转魔方

代码：

 

 

 

 

 效果：