1. 程式人生 > 實用技巧 >2D轉換

2D轉換

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 方法有六個引數,包含旋轉,縮放,移動(平移)和傾斜功能

在這裡插入圖片描述