css - transform-origin 旋转参考点

问题描述

有A,B两个p，如何实现A以B 为中心做rotate 呢？我看transform-origin，只能以自己为参考点坐旋转

问题解答

我预感到你未来一定会踩坑，因为你用rotate做出来的效果应该不是你实际想要的。我建议你看看这篇文章，你想要的应该是这篇文章里说的效果：http://m.open-open.com/m/lib/...

把A目前的transform-origin的位置 改成B 的中心点的位置就行了，你可以看成是以B为中心进行rotate，你把B拿走它依然按照B原来的位置为中心旋转的

往往换个思路就可以，transform-origin只是位置，跟其他元素无关的