在css中,可以利用“-”屬性設(shè)置元素旋轉(zhuǎn)點(diǎn)的位置,該屬性允許更改轉(zhuǎn)換元素的位置,可以分別設(shè)置元素轉(zhuǎn)換后與X、Y和Z軸之間的位置flash旋轉(zhuǎn)中心點(diǎn)怎么放,語法為“-:X軸方向 Y軸方向 Z軸方向;”。
本教程操作環(huán)境:系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3怎樣設(shè)置旋轉(zhuǎn)點(diǎn)位置
-屬性允許您更改轉(zhuǎn)換元素的位置。
2D轉(zhuǎn)換元素可以改變元素的X和Y軸。 3D轉(zhuǎn)換元素flash旋轉(zhuǎn)中心點(diǎn)怎么放,還可以更改元素的Z軸。
在沒有設(shè)置過-屬性時(shí),CSS變形進(jìn)行的旋轉(zhuǎn)、移位、縮放等操作都是以元素自己中心(變形原點(diǎn)/中心點(diǎn))位置進(jìn)行變形的。而CSS3 中的-屬性用于設(shè)置旋轉(zhuǎn)元素的基點(diǎn)位置,熟悉使用-并結(jié)合CSS3動畫可以使元素沿著某一基點(diǎn)進(jìn)行旋轉(zhuǎn),位移等。
示例如下:
123
HELLO
登錄后復(fù)制
輸出結(jié)果: