css写一个加载中的动画
以下是一个简单的加载中动画的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颜色和大小来自定义加载器。
原文地址: https://www.cveoy.top/t/topic/HcT 著作权归作者所有。请勿转载和采集!