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

Question

我是这样写的

运行结果

把 transform: translate(-50%, -50%);改成margin-left:-100px,margin-top:-100px,就正常了。
为啥变成transform: translate(-50%, -50%);位置就会改变啊
我只要中间那个正方形鼠标经过时候旋转就行，不要他移动位置

Answer 1

鼠标移入 位置一般不会改变。
你需要对 移入 移出 位置相同时，位置就不会改变。