css3旋轉(zhuǎn)動畫循環(huán) css3中怎樣定義動畫的旋轉(zhuǎn)中心點(diǎn)?
css3中怎樣定義動畫的旋轉(zhuǎn)中心點(diǎn)?當(dāng)我們不使用“變換原點(diǎn)”來更改元素的原點(diǎn)位置時,CSS變形的旋轉(zhuǎn)、移動、縮放和其他操作都是基于元素本身的中心(變形原點(diǎn))。但大多數(shù)時候,我們需要在不同的位置變形元素
css3中怎樣定義動畫的旋轉(zhuǎn)中心點(diǎn)?
當(dāng)我們不使用“變換原點(diǎn)”來更改元素的原點(diǎn)位置時,CSS變形的旋轉(zhuǎn)、移動、縮放和其他操作都是基于元素本身的中心(變形原點(diǎn))。但大多數(shù)時候,我們需要在不同的位置變形元素。我們可以通過變換原點(diǎn)來改變元素的原點(diǎn)位置,使元素的原點(diǎn)不在元素的中心,從而達(dá)到所需的原點(diǎn)位置。如果我們將元素的變換原點(diǎn)設(shè)置為0(x)0(y),那么元素的變換原點(diǎn)將轉(zhuǎn)換到元素的左上角。通過更改“變換原點(diǎn)”(transform origin)屬性的X軸和Y軸的值,可以重置元素的變形原點(diǎn)位置?;菊Z法如下:`transform origin:[