transition:
過(guò)渡的屬性
過(guò)渡時(shí)間
延遲延時(shí)
動(dòng)畫(huà)類型（linear\ease）
2D:
二維的平面空間涕滋，讓元素在X軸或者Y軸進(jìn)行變化睬辐。
2d里面的功能函數(shù)：
2D-位移
2D-旋轉(zhuǎn)
2D-縮放
2D-傾斜
變形屬性：
transform:;
2D-位移 transform:translate()
2D-旋轉(zhuǎn) transform:rotate()
2D-縮放 transform:scale()
2D-傾斜 transform:skew()
2D位移：
類似于定位中的相對(duì)定位。
transform:translate(x,y);
x在X軸移動(dòng)的位置
Y在Y軸移動(dòng)的位置
transform:translateX()
transform:translateY()
2d旋轉(zhuǎn)：
transform:rotate(deg);
繞著X軸旋轉(zhuǎn) transform:rotateX()
繞著Y軸旋轉(zhuǎn) transform:rotateY()
縮放：
transform:scale();
如果scale括號(hào)里面一個(gè)值的時(shí)候，整體縮小或放大
如果scale括號(hào)里面兩個(gè)值的時(shí)候溯饵，第一個(gè)X軸縮小或放大侵俗，第二個(gè)Y軸縮小或放大
括號(hào)內(nèi)部的參數(shù)的設(shè)置：0 - 0.9999縮小 大于1就是放大
只在X軸縮放 transform:scaleX()
只在Y軸縮放 transform:scaleY()
2d傾斜：
transform:skew();
transform:skewX(deg)
transform:skewY(deg)
改變變形原點(diǎn)的位置：
transform-origin:x y
x 橫向的位置
y 縱向的位置
接收的值：
left center
right top
50% 50%
10px 20px
多個(gè)功能函數(shù)使用的時(shí)候：
盡量：先寫(xiě)位移再旋轉(zhuǎn)
盡量：先寫(xiě)位移再縮放
讓元素的背面不可見(jiàn)：
backface-visibility:hidden;
語(yǔ)法：
元素:target{
// 當(dāng)前元素，被超鏈接指向的時(shí)候丰刊，執(zhí)行的樣式隘谣。
透明屬性;
opacity:
屬性值 ： 0 - 1 的數(shù)值
0全透明
1不透明
知識(shí)點(diǎn)：
transform-origin:;
backface-visibility:hidden
多個(gè)功能函數(shù)組合使用對(duì)位移的影響
目標(biāo)偽類選擇器 ：target
2D變形
變形屬性：
transform:;
功能函數(shù)：
位移：
translate()
translateX()
translateY()
旋轉(zhuǎn)：
rotate()
rotateX()
rotateY()
縮放：
scale()
scaleX()
scaleY()
傾斜：
skew()
skewX()
skewY()
變形屬性：transform
transform翻譯成漢語(yǔ)具有"變換"或者"改變"的意思。
通過(guò)此屬性具有非常強(qiáng)大的功能啄巧，比如可以實(shí)現(xiàn)元素的位移寻歧、拉伸或者旋轉(zhuǎn)等效果
最能體現(xiàn)transform 屬性強(qiáng)大實(shí)力的是實(shí)現(xiàn)元素的3D變換效果。
2D
2D變換秩仆，是在一個(gè)平面對(duì)元素進(jìn)行的操作码泛。
可以對(duì)元素進(jìn)行水平或者垂直位移、旋轉(zhuǎn)或者拉伸.</pre>
- 明確一下坐標(biāo)系
對(duì)上面坐標(biāo)系簡(jiǎn)單分析如下：
（1）.默認(rèn)狀態(tài)下澄耍，x軸是水平的噪珊，向右為正。
（2）.默認(rèn)狀態(tài)下逾苫，y軸是垂直的卿城，向下為正，這與傳統(tǒng)的數(shù)學(xué)坐標(biāo)系不同铅搓。</pre>
2D功能函數(shù)
2D位移 translate()
將元素向指定的方向移動(dòng)瑟押，類似于position中的relative。
水平移動(dòng)：向右移動(dòng)translate(tx,0)和向左移動(dòng)translate(-tx,0)星掰；
垂直移動(dòng)：向上移動(dòng)translate(0,-ty)和向下移動(dòng)translate(0,ty);
對(duì)角移動(dòng)：右下角移動(dòng)translate(tx,ty)多望、右上角移動(dòng)translate(tx,-ty)、左上角移動(dòng)translate(-tx,-ty)和左下角移動(dòng)translate(-tx,ty)氢烘。
2D縮放scale()
讓元素根據(jù)中心原點(diǎn)對(duì)對(duì)象進(jìn)行縮放怀偷。默認(rèn)的值1。因此0.01到0.99之間的任何值播玖，使一個(gè)元素縮凶倒ぁ；而任何大于或等于1.01的值蜀踏，讓元素顯得更大维蒙。
縮放scale()函數(shù)和translate()函數(shù)的語(yǔ)法非常相似，他可以接受一個(gè)值果覆，也可以同時(shí)接受兩個(gè)值颅痊，如果只有一個(gè)值時(shí)，其第二個(gè)值默認(rèn)與第一個(gè)值相等局待。例如斑响，scale(1,1)元素不會(huì)有任何變化菱属，而scale(2,2)讓元素沿X軸和Y軸放大兩倍。
scaleX()：相當(dāng)于scale(sx,1)舰罚。表示元素只在X軸（水平方向）縮放元素纽门，其默認(rèn)值是1。
scaleY()：相當(dāng)于scale(1,sy)沸停。表示元素只在Y軸（縱橫方向）縮放元素膜毁，其默認(rèn)值是１。
3愤钾、rotate()
旋轉(zhuǎn)rotate()函數(shù)通過(guò)指定的角度參數(shù)對(duì)元素根據(jù)對(duì)象原點(diǎn)指定一個(gè)2D旋轉(zhuǎn)瘟滨。它主要在二維空間內(nèi)進(jìn)行操作，接受一個(gè)角度值能颁，用來(lái)指定旋轉(zhuǎn)的幅度杂瘸。如果這個(gè)值為正值，元素相對(duì)原點(diǎn)中心順時(shí)針旋轉(zhuǎn)伙菊；如果這個(gè)值為負(fù)值败玉，元素相對(duì)原點(diǎn)中心逆時(shí)針旋轉(zhuǎn)。
rotateX() 方法镜硕，元素圍繞其 X 軸以給定的度數(shù)進(jìn)行旋轉(zhuǎn)
rotateY() 方法运翼，元素圍繞其 Y 軸以給定的度數(shù)進(jìn)行旋轉(zhuǎn)</pre>
4、skew()
傾斜skew()函數(shù)能夠讓元素傾斜顯示兴枯。它可以將一個(gè)對(duì)象以其中心位置圍繞著X軸和Y軸按照一定的角度傾斜血淌。
一個(gè)參數(shù)時(shí)：表示水平方向的傾斜角度；
兩個(gè)參數(shù)時(shí)：第一個(gè)參數(shù)表示水平方向的傾斜角度财剖，第二個(gè)參數(shù)表示垂直方向的傾斜角度</pre>
變形原點(diǎn)
transform-origin
transform-origin是變形原點(diǎn)悠夯，也就是該元素圍繞著那個(gè)點(diǎn)變形或旋轉(zhuǎn)，該屬性只有在設(shè)置了transform屬性的時(shí)候起作用躺坟；
因?yàn)槲覀冊(cè)啬J(rèn)基點(diǎn)就是其中心位置沦补，換句話說(shuō)我們沒(méi)有使用transform-origin改變?cè)鼗c(diǎn)位置的情況下，transform進(jìn)行的rotate,translate,scale,skew等操作都是以元素自己中心位置進(jìn)行變化的咪橙。</pre>
