16.Css——实现2D、3D转换

2D、3D转换

 

	属性	具体用法	使用含义
2D	translate()	transform:translate(1px,2px)	括号里的内容分别代表距离x轴和y轴的距离
	rotate()	transform：totate（50deg）	括号里的内容代表旋转多少角度
	scale()	transform:cale(12,2)	括号里的内容分别代表水平和垂直方向缩放 的倍数
	skew()	transform：skew(50deg，50deg)	括号里的内容代表绕x轴y轴分辨旋转多少度
	origin（）	transform-origin:20px 40px;	以长20px,宽40px所确定的点作为旋转中心来旋转
	matrix()	transform：matrix（x,x,x,x,x,x）	见附件图
3D	rotateX()	transfotm:rotateX(120deg)	通过指定的角度参数使元素相对远点进行旋 转。它主要在二维空间内进行操作，设置一 个角度值，用来指定旋转的幅度，正值，元 素相对原点中心顺指针旋转，负值，逆时针 旋转。
	rotaateY()	transfotm:rotateY(120deg)

附件图：