CSS3 rotation-point 屬性

2018-07-22 21:43 更新

實(shí)例

將 h1 元素旋轉(zhuǎn) 180 度(從上向下):

h1
{
rotation-point:50% 50%;
rotation:180deg;
}

親自試一試

瀏覽器支持

目前沒(méi)有瀏覽器支持 rotation-point 屬性。

定義和用法

rotation-point 屬性是一對(duì)值,定義從上左邊框邊緣進(jìn)行偏移的點(diǎn)。

提示:rotation-point 屬性需要與 rotation 屬性結(jié)合使用。

默認(rèn)值: 50% 50%
繼承性: no
版本: CSS3
JavaScript 語(yǔ)法: object.style.rotationPoint="25% 25%"

語(yǔ)法

rotation-point: value;
描述
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom
如果只規(guī)定一個(gè)關(guān)鍵詞,則第二個(gè)值將是 "center"。
x% y% 百分比值,參考邊框盒寬度和高度。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)