一、線性漸變：background:linear-gradient(參數(shù)1，參數(shù)2，...)
1.第一個(gè)參數(shù)表示方向
? ? -例to right ：從左向右漸變
????to right bottom（to+結(jié)束邊/結(jié)束的角）：從左上角到右下角漸變
????-兼容問題/寫法：
????????-從一個(gè)邊到另一個(gè)邊，不能加to，直接寫開始的方向值
????????-從一個(gè)邊到另一個(gè)邊，不能加to，直接寫開始的角度值（xxdeg）
2.第二個(gè)表示顏色1
3.第三個(gè)表示顏色2
......最少兩個(gè)，最多無(wú)數(shù)個(gè)
二、徑向漸變：background：radial-gradient（參數(shù)）
1.第一個(gè)參數(shù)表示漸變的起點(diǎn)位置
????-默認(rèn)在中心點(diǎn)
????-value（50px 50px）
????-方向值：top right bottom left
2.第二個(gè)參數(shù)表示漸變的形狀
????-ellipse 橢圓 circle 圓（如果元素形狀為正方形的元素，則ellipse和circle顯示一樣）
3.第三個(gè)參數(shù)表示漸變的大小
????-即漸變到哪里停止，它有四個(gè)值。 closest-side：最近邊； farthest-side：最遠(yuǎn)邊； closest-corner：最近角；? ? ? ? ? ?farthest-corner：最遠(yuǎn)角。
4.第四個(gè)參數(shù)表示顏色值1
5.第五個(gè)參數(shù)表示顏色值2.......
????注：形狀和大小有沖突的（寫法上的錯(cuò)誤），一定要設(shè)置的話兩個(gè)參數(shù)之間用空格隔開
三、重復(fù)漸變：background：repeating-linear-gradient（百分比）
四、重復(fù)徑向漸變：background：repeating-radial-gradient（參數(shù)）
五、過渡：transition（簡(jiǎn)寫：transition:all/具體屬性值 運(yùn)動(dòng)時(shí)間s/ms 延遲時(shí)間s/ms 動(dòng)畫類型）
1.transition-property:
? ? -屬性值：一般為all；
2.transition-duration:（過渡時(shí)間）
????-屬性值：時(shí)間值；
3.transition-delay:（過渡延遲時(shí)間）
? ? -屬性值：時(shí)間值；
4.transition-timing-function:（過渡的動(dòng)畫類型）
? ? -屬性值：linear（勻速）；ease（逐漸慢下來(lái)：默認(rèn)值）；ease-in（加速）
六、2D：transform
1.2D位移功能函數(shù)：transform：translate（參數(shù)）
????-參數(shù)可以有兩個(gè)X，Y用逗號(hào)隔開，表示水平垂直方向的位置數(shù)值
????-translatex（）/translatey（）表示分別設(shè)置x和y的值
????-位移和相對(duì)定位一樣不脫離文檔流
????-應(yīng)用：接百分比值可實(shí)現(xiàn)瀏覽器居中
2.2D縮放功能函數(shù)：transform：scale(參數(shù))
????-兩個(gè)參數(shù)（1.數(shù)字表示倍數(shù)（相同的倍數(shù)可以簡(jiǎn)寫成一個(gè)））
????-scalex（）/scaley（）表示分別設(shè)置x和y的值
????-隱藏（值為0）；縮?。?~1）；默認(rèn)（1）；放大（大于1）；先縮小再放大（小于0，但放大后內(nèi)容旋轉(zhuǎn)180度）
3.2D旋轉(zhuǎn)功能函數(shù)：transform：rotate(參數(shù))
????-只有一個(gè)參數(shù)（一般為度數(shù)：deg），正數(shù)：順時(shí)針轉(zhuǎn)；負(fù)數(shù)：逆時(shí)針轉(zhuǎn)
????-默認(rèn)z軸旋轉(zhuǎn)
????-rotatex（）/rotatey（）表示分別設(shè)置x和y的值
4.2D傾斜功能函數(shù)：transform：skew(參數(shù))
????-兩個(gè)參數(shù)
????-skewx（）/skewy（）表示分別設(shè)置x和y的值
5.2D變形原點(diǎn)：transform-origin：值
????是該元素圍繞著哪個(gè)點(diǎn)變形或旋轉(zhuǎn)，該屬性只有在設(shè)置了transform屬性的時(shí)候起作用
