鼠標移入旋轉90度是一種常見的css效果，它可以為網站帶來更加生動的效果。通過旋轉元素，我們可以實現翻轉、動態顯示隱藏內容等效果。下面我們來看一下如何實現鼠標移入時旋轉90度的效果。
.hover-rotate{
transition: all .3s ease-in-out;
}
.hover-rotate:hover{
transform: rotate(90deg);
}首先，我們定義了一個具有過渡效果的類“hover-rotate”。在類中，我們設置了過渡的時間以及緩動函數。接著，當鼠標移入該元素時，我們利用“:hover”偽類來設置元素的旋轉樣式。通過“transform: rotate(90deg)”來旋轉元素90度，實現了鼠標移入旋轉90度的效果。
需要注意的是，我們需要在樣式表（CSS文件）中引入該類，以便在網頁中使用。例如：
<html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <p class="hover-rotate">鼠標移入我，我就會旋轉90度！</p> </body> </html>
在html文檔中，我們可以使用“class”屬性來引用樣式表中定義的類。使用“hover-rotate”類來為元素添加鼠標移入旋轉90度效果。
總之，鼠標移入旋轉90度是一種簡單而生動的css效果，可以為網站帶來更加豐富的用戶體驗。通過指定過渡時間以及旋轉樣式，我們可以輕松實現該效果。希望各位開發者可以參考以上代碼和思路，為自己的網站添加更加豐富的動態效果。