CSS是前端開發(fā)中最常用的工具,它有很多強(qiáng)大的屬性,其中一個是“transform”。使用“transform”屬性,我們可以實現(xiàn)各種各樣的效果,例如旋轉(zhuǎn)90度。下面就來介紹一下如何在CSS中實現(xiàn)這個效果。
div { transform: rotate(90deg); }
上面的代碼就是使用了“transform”屬性來旋轉(zhuǎn)一個DIV元素90度。其中,rotate是旋轉(zhuǎn)函數(shù),它的參數(shù)是一個角度,這里是90度。
需要注意的是,這里的旋轉(zhuǎn)中心默認(rèn)是元素的中心點。如果需要調(diào)整旋轉(zhuǎn)中心,可以使用“transform-origin”屬性。
div { transform: rotate(90deg); transform-origin: left top; }
上面的代碼就是將旋轉(zhuǎn)中心設(shè)置在元素的左上角。
通過以上方法,我們就可以在CSS中輕松地實現(xiàn)旋轉(zhuǎn)90度的效果了。