文章詳情頁
css - transform-origin 旋轉參考點
瀏覽:177日期: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. 如何解決docker宿主機無法訪問容器中的服務?2. 前端 - CSS3 box-shadow如何設置,或者用什么方法可以產生圖中這樣陰影的效果。3. node.js - vue-cll+sass 樣式不出來 已經npm install sass、 sass-loader了4. html - css 如何讓文字標題顯示在邊框上?5. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????6. 在應用配置文件 app.php 中找不到’route_check_cache’配置項7. html按鍵開關如何提交我想需要的值到數據庫8. vim中編輯HTML文件時換行不能縮進9. HTML5中怎么判斷用戶是否正在瀏覽頁面?10. html - 微信端video標簽播放mp4視頻,安卓端提示視頻解析錯誤
排行榜
