1.transform ?角度變化
語(yǔ)法：transform（ratate(ndeg））
2.translate ?位置偏移
且參照物為當(dāng)前盒子的大小
語(yǔ)法：translate(<translation-value><translation-value>)
例子：translate（x軸值 y軸值）translateX translateY 當(dāng)只有一個(gè)值時(shí)，未說(shuō)明的值為0
3.scale ?圖形縮放
語(yǔ)法：scale（<number><number>）代表X軸 Y軸 且Y軸可以省略弊决，當(dāng)省略時(shí)等于X軸的值
例子：scale（1斥难，2）scaleX scaleY
4.skew 傾斜
語(yǔ)法：skew（<angle><angle>）且第二個(gè)可以省略
例子：skewX 向X軸傾斜
? ? ? ? ? skewY 向Y軸傾斜
5當(dāng)很多效果在一些寫(xiě)時(shí)驮履，一些效果的順序不同坦仍，會(huì)引起最終效果的不同
6.transform-origin 設(shè)置坐標(biāo)軸圓心的位置
語(yǔ)法：①表示一個(gè)值的方位詞和百分比及長(zhǎng)度
? ? ? ? ?②2個(gè)值（X Y）（當(dāng)沒(méi)有標(biāo)明值的時(shí)候?qū)?yīng)的值為50%）
? ? ? ? ?③3個(gè)值（X Y Z）
例子：transform：50% 50%
? ? ? ? ? transform：0 0?
? ? ? ? ? transform：right 50px ?20px
7.perspective ?透視
語(yǔ)法：perspective ?none或長(zhǎng)度
? ? ? ? ?perspective：none
? ? ? ? ? perspective ：200px（大小為人眼到物體的距離，且距離越近罗洗，透視效果越強(qiáng)）
8.perspective-origin ?透視角度
? ?語(yǔ)法：①一個(gè)值 X
? ? ? ? ? ? ②兩個(gè)值 ?X Y
? ? ? ? ? ? ③三個(gè)值 X Y Z ??
9.translate 3d() ?3D移動(dòng)
在3d空間中變換圖形
10.scale 3d（）?
?在3d空間中放大縮小圖形
11rotate 在3d空間中旋轉(zhuǎn)圖形
語(yǔ)法：rotate? （<number><number><number><angle>）
12.transform-style
語(yǔ)法：transform-style ：flat或preserve（扁平化或保留3d效果）
13.backface-visibility ?背面是否可見(jiàn)
例子：backface-visibility:vissble ?hidden;設(shè)置背面可見(jiàn)或不可見(jiàn)
