閱讀(4.1k) 書簽贊(0) 我要糾錯

HTML DOM Style transformOrigin 屬性

2018-08-04 20:41 更新

Style transformOrigin 屬性

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

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

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

2D 轉(zhuǎn)換元素能夠改變元素 X 和 Y 軸。3D 轉(zhuǎn)換元素還能改變元素的 Z 軸。

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

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

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

Chrome、Safari 和 Opera 支持另一個可替代該屬性的屬性，即 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 軸的何處?？赡艿闹担?ul> left center right length %
y-axis	定義視圖被置于 Y 軸的何處?？赡艿闹担?ul> top center bottom length %
z-axis	定義視圖被置于 Z 軸的何處（用于 3D 轉(zhuǎn)換）?？赡艿闹担?ul> length
initial	設(shè)置該屬性為它的默認值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。

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