CSS3 transform-origin 属性 旋转基点定位
在介绍有关transform相关的知识之前，先来讲一下transform-origin的用法以及关于<angle>角度的几种取值单位。另外，在使用时，为了兼容各个浏览器，可加上浏览器的私有前缀［－moz- -webkit -ms-］。transform-origin
设置对象变换的原点，通常和rotate旋转、scale缩放、skew斜切等一起使用，IE9+
2D情况下：默认值 50% 50%，即center center
3D情况下：默认值 50% 50% 0
取值介绍：
X轴：left｜center｜right｜length｜%
Y轴：top｜center｜bottom｜length｜%
Z轴：length
注意：如果只设置一个值，则该值作用于横坐标，纵坐标默认50%，Z轴默认为0，另外百分比是相对于自身进行计算的。
值描述
x-axis定义视图被置于 X 轴的何处。可能的值：
[*]left
[*]center
[*]right
[*]length
[*]%
y-axis定义视图被置于 Y 轴的何处。可能的值：
[*]top
[*]center
[*]bottom
[*]length
[*]%
z-axis定义视图被置于 Z 轴的何处。可能的值：
[*]length
页:
[1]