transform功能可以實現文字或圖像的旋轉、綻放、傾斜、與移動;
注意點:1、其移動、旋轉、傾斜、與綻放這4種效果的使用先後順序不同,頁面會顯示不同的結果;
2、屬性值有一個參數與有多個參數的別;
3、在用移動效果時注意其移動方向(很容易在不看效果時,不知向那移動);
tansform的屬性值:
2D時:
1、translate(x,y):有兩個參數,第一個參數表示水平方向上移動,第二個參數表示垂直方向上移動,注意---當只寫一個參數時表示只在水平方向上移動,垂直方向上不移動; 寫法translate(50px,60px)或translate(1000px);
2、ratate(x):參數表示度數,單位用度表示,寫法為ratate(45deg);旋轉方向 為順時針旋轉;
3、skew()