知識點一：旋轉

transform: rotate(180deg)   //只能傳一個引數，，正值是順時針  負值是逆時針

度數用deg表示

沿著x軸旋轉：

transform: rotateX(180deg);

沿著Y軸旋轉：

transform: rotateY(180deg);

預設是沿著中心旋轉。。。

改變中心軸旋轉位置

transform-origin: top left; //沿著左上角旋轉
transform-origin: 100px 200px; //沿著座標那個點旋轉

和上一個配合使用，有兩種形式寫引數

知識點二：傾斜

transform: skew(x,y);
transform: skewX(x);
transform: skewY(y);

可以傳兩個引數：第一個是x軸的偏移，，角度是與y軸的夾角

第二個是Y軸的偏移，，角度是與X軸的夾角

圍繞圓心旋轉

改變旋轉軸位置： transform-origin： top right; //同上

知識點三：平移

transform: translate(x,y);
 x軸距離    y軸距離   可以為正負值

平移沒有origin屬性 ，，因為是整體平移

知識點四：縮放

transform： scale(n);

transform:  scale(x,y);

一個引數時 ： n表示數字，0-1之間是縮放的，正常值是1，，，比1 大的就是放大

兩個值時，一個是X位置，一個是Y位置

有origin屬性，，，同上上上。。。。。。。。