CSS定位旋轉90度,即通過CSS代碼實現元素的旋轉,并且旋轉角度為90度。此時,元素會以順時針方向旋轉90度。
transform: rotate(90deg);
上述代碼中,transform屬性用于指定元素進行變換操作,rotate()函數用于指定旋轉角度。其中,90deg表示旋轉90度。
需要注意的是,元素旋轉還會涉及到其定位方式的變化。如果我們不進行調整,元素會發生位置偏移。因此,我們需要通過CSS代碼來調整元素的定位方式。
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);
上述代碼中,position屬性用于指定元素的定位方式為fixed。top和left屬性用于把元素定位于頁面的中心位置,translate()函數用于調整元素的位置,使得元素旋轉后仍處于中心位置。同時,rotate()函數用于指定元素旋轉90度。
通過上述CSS代碼,我們就可以輕松地實現元素的定位旋轉90度,并且保持元素的位置不發生變化。