CSS可以為元素指定旋轉角度,使用transform屬性,下面我們來介紹如何將元素旋轉10度。
.rotate10deg { transform: rotate(10deg); }
以上代碼將元素旋轉10度,我們可以將其應用于任何元素。
值得注意的是,旋轉角度的取值范圍是-360度到360度。如果旋轉的角度超過了這個范圍,將會從360度繼續(xù)往下旋轉,例如:
.rotate370deg { transform: rotate(370deg); }
以上代碼將元素旋轉370度,實際上會被解釋成旋轉10度。
除了旋轉角度,我們還可以指定旋轉中心,例如將元素以左上角為旋轉中心旋轉10度:
.rotate10deg { transform-origin: left top; transform: rotate(10deg); }
以上代碼使用transform-origin屬性指定旋轉中心為元素的左上角。
總結:CSS的transform屬性可以實現(xiàn)元素的旋轉,注意旋轉角度的取值范圍和旋轉中心的指定。
上一篇css新聞左中右布局
下一篇css方框clear