移动web----平面转换(2d)

平面转换属性:transform

1.使用translate实现元素位移效果   :transform:translate(水平移动距离X,垂直移动距离Y);

例:使用translate快速实现绝对定位的元素居中效果

 2.使用rotate实现元素旋转效果  :transform:rotate(角度);

注意：角度单位是deg

3.使用transform-origin属性改变转换原点{

语法

 默认圆点是盒子中心点

 transform-origin: 原点水平位置 原点垂直位置;

取值

 方位名词（left、top、right、bottom、center）

 像素单位数值

 百分比（参照盒子自身尺寸计算）

}

4.使用scale改变元素的尺寸  : transform: scale(x轴缩放倍数, y轴缩放倍数);

scale值大于1表示放大, scale值小于1表示缩小