：變形 、轉換
:旋轉 案例:() 或者1（turn） 1(turn)=360(deg)=轉了一圈
skew:傾斜
scale:縮放
1.關于字體圖標的具體步驟1選擇圖標庫，2選擇圖標，3加入購物車，4在購物車里添加至選項，5下載至本地
2.引入相關文件 復制到Fonts文件夾里面，引入CSS
3.使用類名引入字體圖標字體圖標庫制作方法，如果是一個標簽來使用字體文件，可以采取2個類名的形式。（開發最常用）
第一個類名 目的是告訴這個盒子里面的文字是字體圖標。 不是普通的文字。
第二個類名 icon-， 告訴盒子到底使用哪個小圖標。
小結：1.字體圖標是前端工程師必須具備的知識點。
2.引用線上地址即可。
3.調用 開發中最常用的是使用類名來調用，所以重點記住這個就可以了。
最后注意： 使用偽元素字體圖標，一定要聲明字體。 font-: "" 位移
可以讓盒子沿著x軸或者y軸來移動。 語法： : (x, y);
: (x);
: (y);
他和有啥區別。
旋轉
旋轉可以讓盒子旋轉角度。
語法：: (45deg); 一定寫單位。
如果是正度數，則是順時針旋轉
如果是負度數，則是逆時針旋轉
-: right ;是設置中心點
多形態變形小技巧
如果需要移動，也需要旋轉，則一定先寫移動，后寫旋轉, css屬性書寫順序影響代碼執行。-: (-50%, -50%) ();注意，多個值之前用 空格隔開。
縮放 scale
語法 :scale(1.2);它比這寬度和高度最大的優勢： 他是用中心點來進行縮放的字體圖標庫制作方法，同樣他不會影響其他盒子
skew傾斜
:skwe(10deg,60deg);第一個值代表水平傾斜，第二個代表垂直傾斜
線性漸變-
.box {
width: 400px;
: 400px;
/* 默認是垂直漸變色 */
/* -image: -(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); */
/* 通過方位名詞調整 to就是從哪里開始*/
-image: -(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
/* 通過角度漸變 注意帶單位deg*/
-image: -(, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}