CSS3中的旋轉(zhuǎn)功能可以通過設(shè)置transform
屬性來實現(xiàn),其中rotate
函數(shù)可以將元素旋轉(zhuǎn)指定的角度,要實現(xiàn)180度的旋轉(zhuǎn),可以將rotate
函數(shù)的參數(shù)設(shè)置為180deg
,或者rotate(180)
,或者rotate(-180deg)
,或者rotate(-180)
,都可以實現(xiàn)180度的旋轉(zhuǎn)。
假設(shè)有一個HTML元素如下:
<div id="rotate-180">我要旋轉(zhuǎn)180度</div>
可以通過CSS3將其旋轉(zhuǎn)180度:
#rotate-180 { transform: rotate(180deg); }
或者:
#rotate-180 { transform: rotate(-180deg); }
或者:
#rotate-180 { transform: rotate(180); }
或者:
#rotate-180 { transform: rotate(-180); }
代碼都可以將元素旋轉(zhuǎn)180度,注意,rotate
函數(shù)會改變元素的布局位置,因此在使用時需要謹(jǐn)慎處理布局問題。rotate
函數(shù)也不支持在IE瀏覽器中使用,因此在使用時需要注意兼容性問題。