tranform值transform-origin

transform-origin属性

默认情况，变形的原点在元素的中心点，或者是元素X轴和Y轴的50%处。

如果把transform-origin原点设置为 0 ，0，这个时候元素的变换原点转换到元素的左顶角处。

transform-origin取值与background-position取值类似。

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%

如下图

transform-origin取值为center （或center center 或50% 50%）

transform-origin取值为top（或top center 或center top  或50% 0）

transform-origin取值为right（或right center 或center right或100% 或100% 50%）

transform-origin取值为bottom（或bottom center 或center bottom或50% 100% ）

transform-origin取值为left（或left center 或center left或0%或0% 50%  ）

transform-origin取值为top left（或left top或0% 0%  ）

transform-origin取值为right top （或top right 或100% 0%  ）

transform-origin取值为bottom right （或right bottom 或100% 100%  ）

transform-origin取值为left bottom （或bottom left或0 100% ）