.line-demo{ position: absolute; left: 50%; top: 50%; transform:rotate(-60deg) translate(75px,-50%); transform-origin: left center; width: 20px; height: 10px; background-color: red; z-index: 1; }
2 回答
已采納
橋本奈奈未
TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊
比如rotate()原本是的變形原點(diǎn)是中心位置，改成left center就變成是左邊上下居中的那個(gè)位置，以那個(gè)點(diǎn)為坐標(biāo)原點(diǎn)進(jìn)行變換，且此后的變化都基于此原點(diǎn)也就是會(huì)影響?translate的變化。因?yàn)樽冃问亲兊氖钦麄€(gè)坐標(biāo)系，而不是表明上看的變化元素
橋本奈奈未
TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊
transform-origin:是更改元素變形的原點(diǎn)。
left center就是代表坐標(biāo)系的xy軸
- 2 回答
- 0 關(guān)注
- 1727 瀏覽
添加回答
舉報(bào)
0/150
提交
取消