转换(transform)是css3中具有颠覆性的特征之一,可以实现元素的移动(translate)、旋转(rotate)和缩放(scale)。
1.移动
语法:
重点:
2.旋转
语法:
重点:
转换中心点:
重点:
注:1.transform-origin后可以跟方位名词,如左下角:left bottom;
2.transform-origin默认的是50% 50% 等价于 center center;
3.可以是px像素,如:transform-origin:10px 50px;
3.缩放
语法:
重点:
注:1.里面写的数字不跟单位 是倍数;
4.2D转换综合写法
transform:translate() rotate() scale()
中间用空格隔开。
注意: