Style transformOrigin 屬性

實(shí)例

設(shè)置旋轉(zhuǎn)元素的基點(diǎn)位置：

document.getElementById("myDIV").style.transformOrigin="0 0";

transformOrigin 屬性允許您改變被轉(zhuǎn)換元素的位置。

2D 轉(zhuǎn)換元素能夠改變?cè)?X 和 Y 軸。3D 轉(zhuǎn)換元素還能改變?cè)氐?Z 軸。

注意：該屬性必須與 transform 屬性一起使用。

Internet Explorer 10、Firefox 和 Opera 支持 transformOrigin 屬性。

Internet Explorer 9 支持另一個(gè)可替代該屬性的屬性，即 msTransformOrigin 屬性（只用于 2D 轉(zhuǎn)換）。

Chrome、Safari 和 Opera 支持另一個(gè)可替代該屬性的屬性，即 WebkitTransformOrigin 屬性（可用于 3D 和 2D 轉(zhuǎn)換）。

返回 transformOrigin 屬性：

object.style.transformOrigin

設(shè)置 transformOrigin 屬性：

object.style.transformOrigin="x-axis y-axis z-axis|initial|inherit"

值	描述
x-axis	定義視圖被置于 X 軸的何處。可能的值： left center right length %
y-axis	定義視圖被置于 Y 軸的何處?？赡艿闹担?ul> top center bottom length %
z-axis	定義視圖被置于 Z 軸的何處（用于 3D 轉(zhuǎn)換）?？赡艿闹担?ul> length
initial	設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。
inherit	從父元素繼承該屬性。請(qǐng)參閱 inherit。

默認(rèn)值：	50% 50% 0
返回值：	字符串，表示元素的 transform-origin 屬性。
CSS 版本	CSS3