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 旋转效果，可以轻松地实现各种旋转效果，从而使网页更加美观和易于使用。