问一个css 旋转的问题

Question

直接上代码：

html:

css:

javascript:

别问我为什么定位用translateX,translateY,我也不想的，项目经理搞了一个软件叫hype里面的可视化定位就是translate，我这里是举个例子，为什么我定位用translate的时候，我点击按钮旋转另一个块,那个块的旋转中心不是在中心。

Answer 1

因为你的div已经绝对定位了，所以transform-orgin改变的中心并不是相对于元素而是视图，由于div在x,y轴都偏移了100px,因此要把CSS改为如下transform-orgin:150px 150px;来使旋转中心居中即可解决。