一、css3的transform属性
-
2d坐标轴(图示)
-
x轴:水平,向右为正,向左为负
-
y轴:垂直,向下为正,向上为负
2d转换的方法
1、2D变形:平移、旋转、缩放、倾斜
1) transform: translate()平移
-
transform: translate(x,y) 沿着x轴和y轴移动
-
transform: translateX(x) 沿着x轴移动
-
transform: translateY(y) 沿着y轴移动
取值:
-
px
-
百分比(强调相对于元素本身计算)
-
水平,向右为正,向左为负
-
垂直,向下为正,向上为负
-
x与y之间用逗号隔开