您的位置:首页技术文章
文章详情页

css - transform-origin 旋转参考点

【字号: 日期:2023-07-01 09:26:01浏览:38作者:猪猪

问题描述

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

问题解答

回答1:

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

回答2:

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

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

标签: CSS
相关文章: