下面是一个实现旋转加载动画效果的CSS代码示例:

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

.loader {
width: 50px;
height: 50px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}

你可以将以上CSS代码应用于一个HTML元素,例如一个`

`标签,然后给这个元素添加一个`loader`类,就能够看到旋转加载动画效果了。

html

该代码使用CSS的`@keyframes`规则定义了一个名为`spin`的旋转动画,从0%到100%的过程中,将元素的`transform`属性从0度旋转到360度。然后,使用`.loader`类来应用该动画,设置其宽度、高度、边框等样式属性。最后,通过设置`animation`属性将`spin`动画应用于`.loader`,使其以线性方式无限循环播放。