HTMLloading动画
时间: 2023-11-30 12:55:06 浏览: 14
HTML加载动画可以使用CSS动画或JavaScript实现。以下是一个使用CSS动画的示例:
HTML代码:
```
<div class="loader"></div>
```
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); }
}
```
以上代码将创建一个圆形加载动画,它由两个不同颜色的边框组成,使用CSS动画旋转。可以根据需要更改颜色、大小和动画时间。