html 地球页面代码,html5地球如何实现转动

旋转

* {margin:0; padding:0; border:0;}

div {width:200px; height:200px; margin-left:100px; margin-top:-100px;}

img {width:200px; height:200px; border-radius:100px; animation:myfirst 5s linear infinite; -webkit-animation:myfirst 5s linear infinite; animation-play-state:running; -webkit-animation-play-state:running;}

img:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}

@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

需要的图片