CSS3中的变形处理——transform功能（旋转、缩放、倾斜、移动）(2)

transform：translate（50px，50px）；// 水平方向上移动50px，垂直方向上移动50px

（1）只使用一个参数，省略另一个参数

这种情况下视为只在水平方向上移动，垂直方向上不移动。

transform：translate（50px）；

6 对一个元素使用多种变形的方法
transform：translate（150px，200px） rotate（45deg） scale（1.5）；

7 指定变形的基准点
在使用transform方法进行文字或图像变形的时候，是以元素的中心点为基准点进行变形的。

transform-origin属性
使用该属性，可以改变变形的基准点。

transform：rotate（45deg）；

transform-origin：left bottom；//把基准点修改为元素的左下角

（1）指定属性值

基准点在元素水平方向上的位置：left、center、right

基准点在元素垂直方向上的位置：top、center、bottom

8 3D变形功能
（1）旋转

分别使用rotateX方法、rotateY方法、rotateZ方法使元素围绕X轴、Y轴、Z轴旋转，在参数中加入角度值，角度值后面跟表示角度单位的deg文字即可ÿ