transform-origin 是做什么的?
用于指定变换的原点位置。默认为center
所有的 css 变换，都是基于原点进行的，也就是基于transform-origin指定的位置进行的.
通俗的说，就是能够控制动画的方向
参考资料
示例
转换原点为中心点时的变换效果
绿色的点就是就是transform-origin的默认位置，在 x 轴和 y 轴，都是元素的中心
橘黄色虚线边框表示原本正方形原本的位置
将鼠标移入背景色为淡金黄色的正方形，回以变换原点为中心点，往顺时针方向，偏移 45 度