transfrom转换

transfrom属性值

translate 位移

translate如果只给出一个值,表示x轴方向移动距离
单独设置某个方向的移动距离 translateX 和 translateY

.box{
	transfrom:translate(X,Y);
	transfrom:translate3d(X,Y,Z);
}

rotate 旋转

rotate(deg) 旋转之后会改变坐标轴
取值正负均可 旋转单位为角度 deg
取值为正,顺时针旋转
取值为负,逆时针旋转

.box{
	transfrom:rotate(X,Y);
	transfrom:rotate3d(X,Y,Z);
}

scale 缩放

没有单位值为倍数

.box{
	transform: scale(x轴缩放倍数,y轴缩放倍数);
	transform: scale3d(x轴缩放倍数,y轴缩放倍数,z轴的倍数);
	}

skew 倾斜

.box{
	transfrom:skew(X,Y);
	transfrom:skew3d(X,Y,Z);
}