在CSS中，我们可以使用动画（Animation）和关键帧（Keyframe）来实现旋转动画。以下是一个简单的例子，展示了如何使用CSS3的旋转动画：

HTML结构： ```html

This is a rotated text

```

CSS样式： ```css .container { width: 100%; height: 100vh; background-color: #f2f2f2; }

.rotate-text { font-size: 2em; color: white; animation: rotate 2s infinite linear; }

@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } ```

在这个例子中，我们首先创建了一个包含一个图片和一段文字的容器，然后为容器中的文字应用了一个名为 rotate-text 的类，该类的 CSS 样式定义了一个动画。这个动画有两个关键帧：0%（旋转0度）和100%（旋转360度）。

在关键帧0%，我们应用了 transform 属性，将文字的transform属性设置为 rotate(0deg)，这样文字就从水平方向开始旋转，不会移动到垂直方向。然后在关键帧100%，我们再次应用 transform 属性，将文字的 transform 属性设置为 rotate(360deg)，这样文字就会从垂直方向开始旋转，直到360度完成旋转。

当 rotate-text 类的动画开始时，图片中的文字就会开始在水平方向上旋转，直到它完全绕着图片旋转到垂直方向。整个动画持续2秒，循环无限次。

这个例子中，rotate 动画是一个简单的水平方向旋转，但你可以根据需要添加更多的关键帧，例如旋转角度、速度、延迟时间等，以实现更复杂的效果。例如，你可以在关键帧100%时将文本移动到指定的偏移位置，或者在关键帧200%时改变文本的颜色等。