文章詳情頁(yè)
css - transform-origin 旋轉(zhuǎn)參考點(diǎn)
瀏覽：138日期：2023-07-01 09:26:01
問(wèn)題描述
有A,B兩個(gè)p，如何實(shí)現(xiàn)A以B 為中心做rotate 呢？我看transform-origin，只能以自己為參考點(diǎn)坐旋轉(zhuǎn)
問(wèn)題解答
回答1：我預(yù)感到你未來(lái)一定會(huì)踩坑，因?yàn)槟阌胷otate做出來(lái)的效果應(yīng)該不是你實(shí)際想要的。我建議你看看這篇文章，你想要的應(yīng)該是這篇文章里說(shuō)的效果：http://m.open-open.com/m/lib/...
回答2：把A目前的transform-origin的位置 改成B 的中心點(diǎn)的位置就行了，你可以看成是以B為中心進(jìn)行rotate，你把B拿走它依然按照B原來(lái)的位置為中心旋轉(zhuǎn)的
往往換個(gè)思路就可以，transform-origin只是位置，跟其他元素?zé)o關(guān)的
標(biāo)簽：
CSS
相關(guān)文章：
1. Python從URL中提取域名2. 實(shí)現(xiàn)bing搜索工具urlAPI提交3. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑！求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦，實(shí)在是找不到哪里的問(wèn)題了。4. python - scrapy url去重5. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)6. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題7. python執(zhí)行cmd命令，怎么讓他執(zhí)行類(lèi)似Ctrl+C效果將其結(jié)束命令？8. node.js - 微信小程序websocket連接問(wèn)題9. node.js - windows10下的npm全局路徑的復(fù)原或者將npm徹底刪除？10. python - Django有哪些成功項(xiàng)目？
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備