CSS中可以通過transform屬性對元素進行旋轉、縮放、傾斜等操作,其中對div元素進行90度旋轉的方法如下:
div {
transform: rotate(90deg);
}
在代碼中,先選中需要進行旋轉的div元素,然后使用transform屬性,將旋轉函數rotate()作為值傳入,最后指定旋轉的度數為90度。
此方法還可以通過添加transition屬性來實現動畫效果,如以下代碼:
div {
transform: rotate(90deg);
transition: transform 1s;
}
div:hover {
transform: rotate(180deg);
}
在上述代碼中,通過添加transition屬性,指定旋轉動畫的時長為1秒。然后在:hover偽類中,指定鼠標懸停時旋轉到180度,實現了翻轉的動畫效果。
上一篇mysql權限維持
下一篇css中embed音量