css圆形loading加载动画

你可以使用CSS来创建圆形的loading加载动画。下面是一个示例代码：

HTML:

<div class="loader"></div>

CSS:

.loader {
  border: 4px solid #f3f3f3; /* 设置边框样式和颜色 */
  border-top: 4px solid #3498db; /* 设置顶部边框样式和颜色 */
  border-radius: 50%; /* 设置为圆形 */
  width: 30px; /* 设置宽度 */
  height: 30px; /* 设置高度 */
  animation: spin 1s linear infinite; /* 添加旋转动画 */
}

@keyframes spin {
  0% { transform: rotate(0deg); } /* 设置起始位置 */
  100% { transform: rotate(360deg); } /* 设置结束位置 */
}

在上述代码中，`loader` 类被添加到一个 `div` 元素上，并且通过设置边框样式和宽高来创建一个圆形。然后，通过旋转动画使其产生旋转效果。

你可以将以上代码添加到你的HTML文件中，然后通过CSS来自定义样式，以符合你的需求。