html怎么让div一直旋转,css3实现元素不停旋转

网页开发中，经常会使用一些特效，达到一些炫酷的效果，比如音乐播放时封面的旋转，下面就来学习下css如何实现不停止旋转的效果吧。

css3实现元素不停旋转

主要使用了@keyframes和animation，以及指定infinite，播放次数不限来实现。

HTML代码如下：

HTML中文网

CSS代码如下：(相关课程推荐：css视频教程)@keyframes rotation{

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}

.rotate{

width: 100px;

height: 100px;

animation: rotation 3s linear infinite;

border-radius: 250px;

border: 4px solid rgba(255, 255, 255, .6);

}

.wrap{

padding: 16px;

text-align: center;

background: #eee;

}

效果：

本文来自css3答疑栏目，欢迎学习！