2D轉換
阿新 • • 發佈:2020-10-14
transform: rotate(30deg):將元素順時針旋轉30度
-ms-transform: rotate(30deg); /* IE 9 /
-webkit-transform: rotate(30deg); / Safari and Chrome */
transform: translate(50px,100px):從左邊元素移動50個畫素,並從頂部移動100畫素
transform: scale(2,3):轉變寬度為原來的大小的2倍,和其原始大小3倍的高度
transform: skew(30deg,20deg):元素在X軸和Y軸上傾斜20度30度
matrix 方法有六個引數,包含旋轉,縮放,移動(平移)和傾斜功能