CSS3如何实现圆圈转圈，附demo

 

如图，如何实现圆圈转圈？

主要还是CSS3动画（只兼容了谷歌，需要兼容其它浏览器，加前缀即可）

 

.move1 {
	animation: myMove1 5s ease-in infinite alternate;
	-webkit-animation: myMove1 5s ease-in infinite alternate;
}


@keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@-webkit-keyframes myMove1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

 

戳这里，demo页