# 2D转换：

属性：transform

方法：

原图

1. translate():根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动

transform:translate(50px,40px)

2.rotate():在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。

transform: rotate(20deg);

3.scale()：该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数

transform: scale(2,3) ==>宽变成原来的两倍，高变为原来的三倍

# 3D转换

原图：

1.rotateX()：围绕其在一个给定度数X轴旋转的元素。

transform: rotateX(120deg);

2.rotateY():围绕其在一个给定度数Y轴旋转的元素

transform: rotateY(120deg);