9.15日(rì)音(yīn)訊，首創網絡談CSS中tr∏$∞σansform屬性

　　9.15日(rì)音(yīn)訊，首創網絡談CSS中transform¶"屬性。通(tōng)過transform，可(kě)以讓元素進行(xíng₩γ>)移動（translate）、旋轉（rotate）、縮放 ∞‌(fàng)（scale）、傾斜（skew）。如(λ✔rú)果該屬性有(yǒu)一(yī)個(gè)✔€→♠非none值,将會(huì)産生(shēng)一(yī)個(gè) €₹π層疊上(shàng)下(xià)文(wén).在這(zhè)種情況下(xià€ )對(duì)象将作(zuò)為(wèi)它包含的(de)position:fλ<∏ixed元素的(de)包含塊（acontainingblo‍™ck）。

　　1.移動：translate

　　一(yī)個(gè)值：transform:translate(10βα↔λ0px)

　　表示水(shuǐ)平方向移動的(de₽∞)位移，等同于translateX(100px)

　　translateX(x):沿X軸位移

　　translateY(y):沿Y軸位移

　　translateZ(z):沿Z軸位"£移

　　兩個(gè)值：transform:translate✔€(100px,200px)

　　第一(yī)個(gè)表示水(shuǐ)平方向移動的(de)δ‌位移，第二個(gè)表示垂直方向移動的(de)位移

　　translate(x,y):沿XY軸位移

　　三個(gè)值：translate3d(10px,20px,↑✘10px)

　　表示3D三個(gè)方向移動的(de↑β<)位移，順序為(wèi)X,Y,Z

　　2.旋轉：transform:rotate(ndπ₽eg)(其中n為(wèi)旋轉度數(shù))

　　以角度(deg)為(wèi)單位，正數(shù)是(sh∞$​ì)順時(shí)針旋轉，負數(shù)是(shì)逆時(shí)針旋轉

　　rotate():2D旋轉

　　rotateX():沿著(zhe)X軸3D旋轉

　　rotateY():沿著(zhe)Y軸3D旋轉

　　rotateZ():沿著(zhe)Z軸3D旋轉.要(yào)在其父級配合t₹'£ransform-style:prese‌←πrve-3d;使用(yòng)

　　rotate3D(x,y,z,nde≤<↓g):3D旋轉，接受四個(gè)參數(shù)，x,y, $✘z介于0-1之間(jiān)，n是(shì)旋轉的(de)度數(shù☆↑δ)。元素圍繞著(zhe)xyz在空(kōn₩₹↕$g)間(jiān)中确定的(de)唯一(yī)✔≤坐(zuò)标點和(hé)原點之間(jiān¥♦γ)的(de)連線旋轉指定的(de)角度，♦"♣這(zhè)就(jiù)是(shì)rotate≤↔3D。

　　3.縮放(fàng)：scale

　　一(yī)個(gè)值：transform:scale(1)

　　表示水(shuǐ)平跟垂直方向同時(shí ♥÷±)放(fàng)大(dà)1倍

　　兩個(gè)值：transform:scale(1,2)

　　第一(yī)個(gè)參數(shù)表示水(shuǐ)平方向的 ™>✔(de)縮放(fàng)比例，第二個(gè)參數(≤≥Ωshù)表示垂直方向的(de)縮放(fàng)比例∑✔,

　　等同于scaleX(1)和(hé)scaleY(2)

　　三個(gè)值：scale3d(0.5,0.3,0.4)

　　表示3D三個(gè)方向縮放(fàng)的(de)比例，順序為♠ γ(wèi)X,Y,Z軸

　　數(shù)值為(wèi)負時(shí)為(wèi)♦©↕縮小(xiǎo)

　　4.傾斜：skew

　　一(yī)個(gè)值：transfor>>™‍m:skew(10deg)

　　表示水(shuǐ)平方向的(de)傾☆≈斜角度，等同于skewX(10deg)

　　skewX:表示水(shuǐ)平方向的(♥₽←©de)傾斜角度

　　skewY：表示垂直方向的(de)傾斜角度

　　兩個(gè)值：transform:skew(10deg,2"&≠¶0deg)

　　第一(yī)個(gè)參數(shù)表示水(shuǐ)平方向的(✘ ♣de)傾斜角度，第二個(gè)參數(shù)表示垂直方向的(de)傾斜角度

　　5.元素的(de)基點：transform-origin:10px20∞ ≥γpx

　　值得(de)注意的(de)是(shì):在進行(xíng)以上→→± (shàng)的(de)變形操作(zuò)時(shí)，默認都(± ₩dōu)是(shì)以元素的(de)中心為(wèi)基點.

　　要(yào)想改變基點則可(kě)以使用(yòng)transfo>₩rm-origin屬性

　　有(yǒu)兩個(gè)參數(shù♣→§)：第一(yī)個(gè)表示距離(lí)元素左上(shàng)β≥角水(shuǐ)平方向的(de)距離(l ±í)，第二個(gè)表示距離(lí)元素左上(s¥✔hàng)角垂直方向的(de)距離(lí)。

　　第一(yī)個(gè)參數(shù)可(kě)以設置為(wèi)l×∑eft、center、right，第二個(gè)參'‍•數(shù)可(kě)以設置為(wèi)top、cente¶✔r、bottom。

　　6.合寫:transform:rotate(45•♣λ₩deg)scale(1)skew(40deg,30deg)t±★ranslate(100px200px)