通过css让一个图片一直转圈
时间: 2023-07-25 17:11:08 浏览: 259
可以通过CSS3中的旋转动画实现让一个图片一直转圈。具体的CSS代码如下:
```css
/* 设置图片样式 */
img {
width: 100px;
height: 100px;
border-radius: 50%;
/* 设置旋转动画 */
animation: spin 2s linear infinite;
}
/* 定义旋转动画 */
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
```
在上面的代码中,使用了`@keyframes`关键字定义了一个名为`spin`的旋转动画,其中`from`表示起始状态,`to`表示结束状态。在`img`元素的样式中使用`animation`属性指定了使用`spin`动画,每次旋转2秒,线性变化,并且无限循环。最终效果就是让图片一直转圈。
阅读全文