需要补习动画属性的可以查看这个文章
效果图
css旋转代码
.image {
width: 250px;
height: 250px;
border-radius: 50%;
//定义动画名,持续时间,动画状态,以及持续运行
animation: rotate 15s infinite linear;
//控制暂停和播放
animation-play-state: play;
}
@keyframes rotate {
form {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}