transform-origin 的起点问题

transform-origin属性：默认情况，变形的原点在元素的中心点，或者是元素X轴和Y轴的50%处，
我们没有使用transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点）位置进行变形的。
transform-origin属性值可以是百分比、em、px等具体的值，也可以是top、right、bottom、left和center这样的关键词。
1、以左上角为原点

-moz-transform-origin: 0 0;
-webkit-transform-origin:0 0;
-o-transform-origin:0 0;

2、以右上角给原点

-moz-transform-origin: top right;
-webkit-transform-origin:top right;
-o-transform-origin:top right;

3、以左下角为原点

-moz-transform-origin: 0 100%;
-webkit-transform-origin:0 100%;
-o-transform-origin:0 100%;

4、以右下角为原点

-moz-transform-origin: 100% 100%;
-webkit-transform-origin:100% 100%;
-o-transform-origin:100% 100%;