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