transform风格分析1.transflom:translate(翻译转换)1.语法：transflom:translate(x,y)translateX()translateY();注意不要定义多个transflow:translatevalues，translation是可以接受Multiplevaluewriting的。2.使用transform也可以让元素垂直居中。这种垂直居中的方式非常好，可以写出如下代码：1.parent相对定位2.play中元素绝对定位3.top:50%;4.左：50%；5.transfrom:translate(-50%,-50%)3.transfrom:translate()几乎符合相对定位的概念。那时候还是有本质区别的。二、transform:rotate(旋转变换)1、语法：transfrom:rotate(*degdegree*rad弧度1rad约等于57.3度*turncircle)2、默认是旋转元素的中心，和元素设置为transfrom:rotate;之后，里面的所有属性都会随之旋转。3.也可以设置值transform:rotateX()rotateX();这是开始与css中的轴一起旋转。三、transform:scale(缩放变换)1、语法：tarsform:scale(xy)只写一个值，第二个值默认和第一个值一样。1.>1倍放大2.0~1倍缩小3.<-1倍反转放大4.0~-1倍反转缩小4.transform:skew（倾斜变换）1.语法：transform:skew(xy),当只写一个值时，第一个值默认为x轴方向5.transform-origin(变换基点)1.语法：transform-origin:xy;(注意！没有括号)关键字(centertopbottomleftright)2.当只写一个值时，第二个值默认居中3.百分比值时以自身元素的百分比值为准。笔记！写tansform的时候要注意顺序。一般翻译要写在最前面，因为其他变换在变换过程中会在数轴上自行改变，所以写得不当，效果会失效
