1. <span id="z4nqb"></span>

      transform

      語法:

      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

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

      繼承性:無

      動畫性:是

      計算值:指定值,但相對長度會轉(zhuǎn)換為絕對長度

      媒體:視覺

      取值:

      none:
      無轉(zhuǎn)換

      2D Transform Functions:

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

      3D Transform Functions:

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

      說明:

      設(shè)置或檢索對象的轉(zhuǎn)換。
      • 對應(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+

      示例:

      1. <span id="z4nqb"></span>
        亚洲国产午夜在线电影网站 | 天堂网www啊啊啊啊啊啊 | 久久精品国产亚洲AV成人婷婷 | 国产日批视频免费观看 | 亚洲字幕在线观看 | 国产精品乱码一区二区 | 亚洲自拍电影 | 国产一级片操逼视频 | 91亚洲精品久久久久久久久久久久 | 天天射天天射天天要 |