一段css代码 背景图片无限旋转
时间: 2023-11-14 19:22:15 浏览: 116
代码如下:
```css
body {
background-image: url('path/to/image.jpg');
background-repeat: no-repeat;
background-position: center center;
animation: rotate 10s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
```
解释:
1. 将背景图片设置为无限重复的,居中对齐。
2. 添加旋转动画,时长为10秒,线性动画,无限循环。
3. 定义一个 `@keyframes` 动画,从 0% 到 100% 进行旋转,从 0 度到 360 度。
阅读全文