足球护具有哪些_布鲁特_310竞彩足球推荐专家预测_-90vs即时比分 - nba得分榜历史排名

transform

語(yǔ)法：

transform：none | <transform-function>+

transform-function list:

matrix() = matrix(<number>[,<number>]{5,5})

matrix3d() = matrix3d(<number>[,<number>]{15,15})

translate() = translate(<translation-value>[,<translation-value>]?)

translate3d() = translate3d(<translation-value>,<translation-value>,<length>)

translatex() = translatex(<translation-value>)

translatey() = translatey(<translation-value>)

translatez() = translatez(<length>)

rotate() = rotate(<angle>)

rotate3d() = rotate3d(<number>,<number>,<number>,<angle>)

rotatex() = rotatex(<angle>)

rotatey() = rotatey(<angle>)

rotatez() = rotatez(<angle>)

scale() = scale(<number>[,<number>]?)

scale3d() = scale3d(<number>,<number>,<number>)

scalex() = scalex(<number>)

scaley() = scaley(<number>)

scalez() = scalez(<number>)

skew() = skew(<angle>[,<angle>]?)

skewx() = skewx(<angle>)

skewy() = skewy(<angle>)

perspective() = perspective(<length>)

<translation-value> = <length> | <percentage>

默認(rèn)值：none

適用于：所有塊級(jí)元素及某些內(nèi)聯(lián)元素

繼承性：無(wú)

動(dòng)畫性：是

計(jì)算值：指定值，但相對(duì)長(zhǎng)度會(huì)轉(zhuǎn)換為絕對(duì)長(zhǎng)度

媒體：視覺

取值：

none：
無(wú)轉(zhuǎn)換

2D Transform Functions：

matrix()：
以一個(gè)含六值的(a,b,c,d,e,f)變換矩陣的形式指定一個(gè)2D變換，相當(dāng)于直接應(yīng)用一個(gè)[a,b,c,d,e,f]變換矩陣
translate()：
指定對(duì)象的2D translation（2D平移）。第一個(gè)參數(shù)對(duì)應(yīng)X軸，第二個(gè)參數(shù)對(duì)應(yīng)Y軸。如果第二個(gè)參數(shù)未提供，則默認(rèn)值為0
translatex()：
指定對(duì)象X軸（水平方向）的平移
translatey()：
指定對(duì)象Y軸（垂直方向）的平移
rotate()：
指定對(duì)象的2D rotation（2D旋轉(zhuǎn)），需先有 <' transform-origin '> 屬性的定義
scale()：
指定對(duì)象的2D scale（2D縮放）。第一個(gè)參數(shù)對(duì)應(yīng)X軸，第二個(gè)參數(shù)對(duì)應(yīng)Y軸。如果第二個(gè)參數(shù)未提供，則默認(rèn)取第一個(gè)參數(shù)的值
scalex()：
指定對(duì)象X軸的（水平方向）縮放
scaley()：
指定對(duì)象Y軸的（垂直方向）縮放
skew()：
指定對(duì)象skew transformation（斜切扭曲）。第一個(gè)參數(shù)對(duì)應(yīng)X軸，第二個(gè)參數(shù)對(duì)應(yīng)Y軸。如果第二個(gè)參數(shù)未提供，則默認(rèn)值為0
skewx()：
指定對(duì)象X軸的（水平方向）扭曲
skewy()：
指定對(duì)象Y軸的（垂直方向）扭曲

3D Transform Functions：

matrix3d()：
以一個(gè)4x4矩陣的形式指定一個(gè)3D變換
translate3d()：
指定對(duì)象的3D位移。第1個(gè)參數(shù)對(duì)應(yīng)X軸，第2個(gè)參數(shù)對(duì)應(yīng)Y軸，第3個(gè)參數(shù)對(duì)應(yīng)Z軸，參數(shù)不允許省略
translatez()：
指定對(duì)象Z軸的平移
rotate3d()：
指定對(duì)象的3D旋轉(zhuǎn)角度，其中前3個(gè)參數(shù)分別表示旋轉(zhuǎn)的方向x,y,z，第4個(gè)參數(shù)表示旋轉(zhuǎn)的角度，參數(shù)不允許省略
rotatex()：
指定對(duì)象在x軸上的旋轉(zhuǎn)角度
rotatey()：
指定對(duì)象在y軸上的旋轉(zhuǎn)角度
rotatez()：
指定對(duì)象在z軸上的旋轉(zhuǎn)角度
scale3d()：
指定對(duì)象的3D縮放。第1個(gè)參數(shù)對(duì)應(yīng)X軸，第2個(gè)參數(shù)對(duì)應(yīng)Y軸，第3個(gè)參數(shù)對(duì)應(yīng)Z軸，參數(shù)不允許省略
scalez()：
指定對(duì)象的z軸縮放
perspective()：
指定透視距離

說(shuō)明：

設(shè)置或檢索對(duì)象的轉(zhuǎn)換。
  • 對(duì)應(yīng)的腳本特性為transform。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-8.0 2.0-3.0 4.0-35.0-webkit- 6.0-8.0-webkit- 15.0-22.0-webkit- 6.0-8.4-webkit- 2.1-4.4.4-webkit- 18.0-34.0-webkit-
9.0-ms- 3.5-15.0-moz- 36.0+ 9.0+ 23.0+ 9.0+ 40.0+ 35.0+
10.0+ 16.0+

示例：