文章詳情頁
css - transform-origin 旋轉參考點
瀏覽:153日期: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. angular.js - 輸入郵箱地址之后, 如何使其自動在末尾添加分號?2. 如何解決docker宿主機無法訪問容器中的服務?3. javascript - 如何使用nodejs 將.html 文件轉化成canvas4. javascript - Web微信聊天輸入框解決方案5. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行?6. javascript - 后臺管理系統左側折疊導航欄數據較多,怎么樣直接通過搜索去定位到具體某一個菜單項位置,并展開當前菜單7. python - Scrapy存在內存泄漏的問題。8. 如何用筆記本上的apache做微信開發的服務器9. java如何生成token?10. CSS3 畫如下圖形
排行榜
