为什么水平垂直的盒子，做鼠标经过旋转的效果，位置会改变。

我是这样写的

把 transform: translate(-50%, -50%);改成margin-left:-100px,margin-top:-100px,就正常了。
为啥变成transform: translate(-50%, -50%);位置就会改变啊

注意参考点translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。