CSS3 旋转动画：简单易懂的实现方法

该示例使用 CSS3 的 animation 属性和 @keyframes 关键字来实现旋转动画。animation 属性定义了动画名称、持续时间、动画速度、动画延迟、动画次数和动画方向。@keyframes 关键字定义了动画的起始和结束状态，以及动画在何时过渡到下一个状态。在该示例中，我们定义了一个名为 rotate 的动画，该动画持续 2 秒，采用线性动画速度，并且无限循环播放。@keyframes 定义了该动画的起始状态为 0 度旋转，结束状态为 360 度旋转。我们将旋转动画应用于一个 div 元素，其中包含一个 img 元素，以便在该元素中显示旋转图片。