transform 變形码党，轉(zhuǎn)換，改變斥黑。
transform：rotate（）揖盘；
rotate，這是旋轉(zhuǎn)的意思心赶，括弧寫你想旋轉(zhuǎn)多少度扣讼，單位是deg（度）。
如下例：就是這個(gè)粉色的正方形旋轉(zhuǎn)90度缨叫。
div{
width:200px;
height:200px;
background-color:pink;
transform:rotate(90deg);
}
transform：skew( )椭符；
skew,單詞的意思是傾斜荔燎，括弧里同上，單位依舊是多少 deg;
transform：scale（1.5）销钝；
scale有咨，比例的意思，括弧里填寫數(shù)值蒸健，“1.5”代表放大1.5倍座享，大于1.0為放大蛋济，小于則縮泻；濉；
括弧里有幾個(gè)值大家可以看一下：
-transform：scale（a); 元素X和Y均縮放a倍希停；
-transform: scale（a盯捌，b）淳衙；X方向縮放a倍，Y方向縮放b倍饺著；
-transform：scale X（a）箫攀； X方向縮放a倍，Y方向不變幼衰；
-transform：scale Y（b）靴跛；Y方向縮放b倍，X方向不變渡嚣；
如下例：這個(gè)圖片滑動(dòng)過(guò)后放大了1.2倍梢睛；
img{
width:200px;
height:200px;
&:hover{
transform:scale(1.2) ;
}
}
transform：translate（）；
translate：含義是變動(dòng)严拒，位移扬绪；
例：如下表示向右位移120像素，如果向上位移裤唠，把后面“0”改個(gè)值就行挤牛，向左向下位移則為負(fù)“-”；
-webkit-是谷歌种蘸，蘋果的私有前綴墓赴；
div{
width:200px;
height:200px;
background:pink;
-webkit-transform:translate(120px,0);
}
transform：origin（x，y）航瞭；
origin：含義是原點(diǎn)诫硕。
主要作用：讓我們?cè)谶M(jìn)行transform動(dòng)作之前可以改變?cè)氐幕c(diǎn)位置，如果沒(méi)有使用transform-origin改變?cè)鼗c(diǎn)位置刊侯，transform進(jìn)行的rotate章办，translate，scale，skew等操作都是以元素的中心位置進(jìn)行變化的藕届，若要在不同位置對(duì)元素進(jìn)行這些操作挪蹭，就用transform-origin來(lái)對(duì)元素進(jìn)行基點(diǎn)位置改變，使元素基點(diǎn)不在是中心位置休偶，以達(dá)到你需要的基點(diǎn)位置梁厉。
-transform-origin（x，y）;用來(lái)設(shè)置元素的運(yùn)動(dòng)基點(diǎn)踏兜，默認(rèn)點(diǎn)是元素的中心點(diǎn)词顾，（x，y）值可以是%碱妆，em肉盹，px；也可以是字符值山橄，left垮媒，right，center航棱；Y和X一樣除了百分值外還可以設(shè)置top，center萌衬，bottom饮醇；
**PS:transform在IE9下是不兼容的；
可以在前面加私有前綴：
-webkit- 蘋果秕豫，谷歌的私有前綴朴艰；
-moz- 摩斯拉，火狐的私有前綴混移；
-o- 歐朋的私有前綴祠墅；
-ms- IE，微軟的私有前綴歌径；
好了毁嗦，看完了對(duì)你有幫助的話留下你的小心心再走哦，有什么建議也可以評(píng)論一下哦回铛！
