CSS 旋轉90度動畫是一種通過 CSS 實現旋轉效果的動畫，可以將元素旋轉 90 度或 270 度，從而實現旋轉的效果。

在 CSS 中，可以通過設置元素的 `transform` 屬性來實現旋轉效果。`transform` 屬性包含三個值：

- `scale`: 將元素的大小乘以旋轉因子。

- ` rotate`: 將元素的方向旋轉 90 度或 270 度。

- `Translate`: 將元素的位置向前或向后移動一定的距離，從而實現旋轉效果。

下面是一個簡單的例子，展示如何使用 CSS 旋轉效果來將元素旋轉 90 度：

```html

<div style="transform: rotate(90deg);">Hello, World!</div>

在這個例子中，`transform: rotate(90deg);` 將元素旋轉 90 度。旋轉完成后，元素將變成和原始狀態相反的形狀。

除了旋轉效果，CSS 還支持其他類型的動畫效果，例如平移、縮放、放大縮小等。可以通過設置 `transform` 屬性中的其他值來實現這些動畫效果。

需要注意的是，當使用 CSS 旋轉效果時，元素的初始狀態和最終狀態可能會有所不同。這是因為在 CSS 中，旋轉效果是通過元素的 `transform` 屬性來實現的，而不是通過 HTML 元素的 `style` 屬性。因此，在使用 CSS 旋轉效果時，需要確保元素的初始狀態和最終狀態保持一致。

CSS 旋轉效果是一種非常有用的工具，可以幫助開發人員創建美觀、靈活的網頁布局。通過使用 CSS 旋轉效果，可以輕松地實現各種旋轉效果，從而使網頁更加美觀和易于使用。