文章詳情頁(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)簽