文章详情页
css - transform-origin 旋转参考点
浏览:150日期:2023-07-01 09:26:01
问题描述
有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
相关文章:
1. java - jvm 年轻代 如何回收 survivor 对象2. docker-compose中volumes的问题3. dockerfile - [docker build image失败- npm install]4. java - 对于jsp技术,aspx技术的困惑5. java - idea如何不显示.idea target这些文件夹6. javascript - [,null]是什么用法7. java - spring-data Jpa 不需要执行save 语句,Set字段就可以自动执行保存的方法?求解8. css - 使用blur()滤镜为什么有透明的效果9. javascript - 移动端H5页面禁止缩放了,在浏览器上仍然可以缩放10. javascript - vue vue-router 报$router重复定义
排行榜
