transform-origin

left,center right 是水平方向取值，对应的百分值为left=0%;center=50%;right=100%

top center bottom 是垂直方向的取值，其中top=0%;center=50%;bottom=100%;

2D的变形 中的 transform-origin 属性可以是一个参数值，也可以是两个参数值。如果是两个参数值时，第一值设置水平方向X轴的位置，第二个值是用来设置垂直方向Ｙ轴的位置。

3D的变形 中的 transform-origin 属性还包括了Ｚ轴的第三个值。其各个值的取值简单说明如下：

top = top center = center top  等价于 50% 0
right = right center = center right 等价于 100%或(100% 50%)
bottom = bottom center = center bottom 等价于 50% 100%
left = left center = center left 等价于 0或(0 50%)
center = center center 等价于 50%或（50% 50%）
top left = left top 等价于 0 0
right top = top right 等价于 100% 0
bottom right = right bottom 等价于 100% 100%
bottom left = left bottom 等价于 0 100%

详见：CSS3之transform-origin详解