1. 程式人生 > >css3學習之:transform

css3學習之:transform

transform用於處理元素變形

1、translate:主要用於物件平移,兩個引數,第一個引數對應X軸,第二個屬性對應Y軸,如果第二個引數未提供,預設值為0

如tansform:translate(10px,10px);


2、rotate:主要2D旋轉,需要先有transform-origin屬性,不設定,預設為中心

如transform:rotate(90deg);transform-origin:0 0;


3、scale:指定物件的2D縮放,第一個引數對應X軸,第二個引數Y軸,如果第二個引數為提供,預設取第一個引數的值

引數沒有單位

transform:scale(0.5,0.5);


4、skew:指定物件斜切扭曲,第一個引數對應X軸,第二個引數Y軸,如果第二個引數未提供,預設為0

如:transform:skew(50deg,20deg);