2d

2d功能函数：2d的位移， 2d的旋转，2d的倾斜，2d的缩放
2d的位移：transform：translate（x，y）；
transform：translateX（x轴移动的距离）
transform：translateY（y轴移动的距离）
2D的缩放： transform:scale(x,y);
x ， y 这两个参数为一个数字，大于1放大 小于1缩小
transform:scaleX();
transform:scaleY();
2d的旋转：transform：rotate（30deg）；
transform：rotateX（30deg）；
transform：rotateY（30deg）；
2d的倾斜：transform：skew（度数）；
指定x，y的倾斜
transform：skewX（度数）
transform：skewY（度数）
改变变形原点：
transform-origin：x y； 属性值：left top / center
缩放和旋转对位移的影响：
多个功能函数共同使用的情况下，尽量先写位移 后写 其他的功能函数。

目标伪类选择器：

    元素选择符:target{
        //当该元素被相关URL指向的时候，做样式的变换。
    }

3d功能函数： 3d位移
3d缩放
3d旋转
形成3d空间(让父元素形成3d空间、3d舞台)：
transform-style:preserve-3D
3d位移：
transform:translate3d(x,y,z);
transform:translateZ();