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只是位置，跟其他元素無關的