操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

：變形 、轉(zhuǎn)換

:旋轉(zhuǎn) 案例:() 或者1（turn） 1(turn)=360(deg)=轉(zhuǎn)了一圈

skew:傾斜

scale:縮放

1.關(guān)于字體圖標(biāo)的具體步驟1選擇圖標(biāo)庫(kù)，2選擇圖標(biāo)，3加入購(gòu)物車(chē)，4在購(gòu)物車(chē)?yán)锾砑又吝x項(xiàng)，5下載至本地

2.引入相關(guān)文件 復(fù)制到Fonts文件夾里面，引入CSS

3.使用類(lèi)名引入字體圖標(biāo)字體圖標(biāo)庫(kù)制作方法，如果是一個(gè)標(biāo)簽來(lái)使用字體文件，可以采取2個(gè)類(lèi)名的形式。（開(kāi)發(fā)最常用）

第一個(gè)類(lèi)名 目的是告訴這個(gè)盒子里面的文字是字體圖標(biāo)。 不是普通的文字。

第二個(gè)類(lèi)名 icon-， 告訴盒子到底使用哪個(gè)小圖標(biāo)。

小結(jié)：1.字體圖標(biāo)是前端工程師必須具備的知識(shí)點(diǎn)。

2.引用線(xiàn)上地址即可。

3.調(diào)用 開(kāi)發(fā)中最常用的是使用類(lèi)名來(lái)調(diào)用，所以重點(diǎn)記住這個(gè)就可以了。

最后注意： 使用偽元素字體圖標(biāo)，一定要聲明字體。 font-: "" 位移

可以讓盒子沿著x軸或者y軸來(lái)移動(dòng)。 語(yǔ)法： : (x, y);

: (x);

: (y);

他和有啥區(qū)別。

旋轉(zhuǎn)

旋轉(zhuǎn)可以讓盒子旋轉(zhuǎn)角度。

語(yǔ)法：: (45deg); 一定寫(xiě)單位。

如果是正度數(shù)，則是順時(shí)針旋轉(zhuǎn)

如果是負(fù)度數(shù)，則是逆時(shí)針旋轉(zhuǎn)

-: right ;是設(shè)置中心點(diǎn)

多形態(tài)變形小技巧

如果需要移動(dòng)，也需要旋轉(zhuǎn)，則一定先寫(xiě)移動(dòng)，后寫(xiě)旋轉(zhuǎn), css屬性書(shū)寫(xiě)順序影響代碼執(zhí)行。-: (-50%, -50%) ();注意，多個(gè)值之前用 空格隔開(kāi)。

縮放 scale

語(yǔ)法 :scale(1.2);它比這寬度和高度最大的優(yōu)勢(shì)： 他是用中心點(diǎn)來(lái)進(jìn)行縮放的字體圖標(biāo)庫(kù)制作方法，同樣他不會(huì)影響其他盒子

skew傾斜

:skwe(10deg,60deg);第一個(gè)值代表水平傾斜，第二個(gè)代表垂直傾斜

線(xiàn)性漸變-

.box {

width: 400px;

: 400px;

/* 默認(rèn)是垂直漸變色 */

/* -image: -(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); */

/* 通過(guò)方位名詞調(diào)整 to就是從哪里開(kāi)始*/

-image: -(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));

/* 通過(guò)角度漸變 注意帶單位deg*/

-image: -(, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));

}