文章詳情頁
css - transform-origin 旋轉參考點
瀏覽：171日期：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. mac里的docker如何命令行開啟呢？2. docker綁定了nginx端口 外部訪問不到3. 如何解決docker宿主機無法訪問容器中的服務？4. 韋小寶老師的TP基礎實戰教學5. html5 - svg如何做到一組動畫循環6. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?7. css3 - progress漸變效果css8. 老師可以把數據庫也給我們嗎9. vue.js - vue+webpack+vue-router 部署到nginx服務器下，非根目錄，前后端怎樣配置文件？10. css3 隱藏文本
排行榜
網公網安備