以下是一个简单的加载中动画的CSS样式:

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

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

在HTML中,您可以将此类应用于一个div元素:

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

这将创建一个带有蓝色顶部边框的圆形加载器。它将沿顺时针方向旋转,直到停止加载为止。可以通过更改border颜色和大小来自定义加载器。

css写一个加载中的动画

原文地址: https://www.cveoy.top/t/topic/HcT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录