1、旋轉rotate()
設定乙個角度值，用來指定旋轉的幅度。如果這個值為正值，元素相對原點中心順時針旋轉；如果這個值為負值，元素相對原點中心逆時針旋轉
2、扭曲skew()
它可以將乙個物件以其中心位置圍繞著x軸和y軸按照一定的角度傾斜。
這與rotate()函式的旋轉不同，rotate()函式只是旋轉，而不會改變元素的形狀。skew()函式不會旋轉，而只會改變元素的形狀。
3、縮放scale()
讓元素根據中心原點對物件進行縮放
scale(x,y)使元素水平方向和垂直方向同時縮放（也就是x軸和y軸同時縮放），y是乙個可選引數，如果沒有設定y值，則表示x，y兩個方向的縮放倍數是一樣的
scalex(x)元素僅水平方向縮放（x軸縮放）
scaley(y)元素僅垂直方向縮放（y軸縮放）
4、位移translate()
translate()函式可以將元素向指定的方向移動，類似於position中的relative。或以簡單的理解為，使用translate()函式，可以把元素從原來的位置移動，而不影響在x、y軸上的任何web元件。
5、矩陣matrix()
是乙個含六個值的(a,b,c,d,e,f)變換矩陣，用來指定乙個2d變換，相當於直接應用乙個[a b c d e f]變換矩陣。就是基於水平方向（x軸）和垂直方向（y軸）重新定位元素,此屬性值使用涉及到數學中的矩陣
skew()扭曲,改變形狀，不旋轉
scale()縮小
translate原來位置
translate移動後位置
任何乙個元素都有乙個中心點，預設情況之下，其中心點是居於元素x軸和y軸的50%處
.transform-origin divcss3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...
css3學習筆記
1，transition是過度效果，一般是和hover一起用，transition的屬性有height，width常用屬性，在hover裡面就是會覆蓋原來的屬性，屬性由逗號間隔，各個屬性之間沒有先後關係，webkit transition width 2s ease in,height 2s,web...