CSS圖標旋轉90度是一種常用的效果,可以讓頁面元素更加生動、有趣。
.icon-rotate { transform: rotate(90deg); }
以上代碼中,我們使用了CSS3的transform屬性來實現旋轉。
在transform屬性中,rotate()函數可以實現元素旋轉,括號中的值表示旋轉角度,可以是正值也可以是負值。
當我們將角度設置為90度時,元素就會順時針旋轉90度。
?
在HTML代碼中,我們可以通過給元素添加class名稱來實現CSS樣式的調用。
上述代碼中,我們添加了一個標簽,并給它添加了class名稱為icon-rotate。這個標簽中包含著一個愛心圖標,而我們的CSS樣式則會將它旋轉90度。
總的來說,實現CSS圖標旋轉90度是一種很好玩兒的CSS效果,可以讓頁面更具活力,吸引更多的用戶關注。