CSS3順時(shí)針旋轉(zhuǎn)90度
.rotate { transform: rotate(90deg); }
CSS3中的transform屬性可以幫助我們實(shí)現(xiàn)旋轉(zhuǎn)、縮放、傾斜等常見的變換效果。其中,rotate()函數(shù)用來進(jìn)行旋轉(zhuǎn)操作,可以使元素在2D平面內(nèi)以指定的角度旋轉(zhuǎn)。
使用rotate()函數(shù)時(shí),需要傳入一個(gè)角度值作為參數(shù),可以是正數(shù)(順時(shí)針旋轉(zhuǎn))、負(fù)數(shù)(逆時(shí)針旋轉(zhuǎn))或者0(不旋轉(zhuǎn))。在本文中,我們想要讓元素順時(shí)針旋轉(zhuǎn)90度,可以設(shè)置transform: rotate(90deg);。
需要注意的是,使用rotate()函數(shù)后,元素的位置和大小并不會(huì)改變,只是它的旋轉(zhuǎn)角度發(fā)生了變化。如果想要實(shí)現(xiàn)其他變換效果,可以在transform屬性中使用其他的變換函數(shù),如scale()、skew()等。
上一篇css3頁面變模糊