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頁