CSS旋轉90度動畫是網頁設計中常見的動效，通過CSS的transform屬性實現，可以讓元素在整個頁面中變得更加生動。下面我們來看看如何實現這個動畫效果。

.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
transition: all 0.5s ease;
}

首先定義一個類名為"rotate"的元素，然后通過將元素進行旋轉90度的操作，可以實現動畫效果。這里使用了CSS的transform屬性，不同的瀏覽器需要使用不同的前綴，如上所示。

最后，使用transition屬性將旋轉的動畫效果進行自然過渡，時間設置為0.5秒，緩動方式使用ease。這樣就可以實現一個簡單的、生動的CSS旋轉90度動畫效果，增加網頁的視覺吸引力！