<center>
<style type="text/css">#ball { display: inline-block; width: 30%; padding-top: 30%; border-radius: 100%; background: green url(http://www.novickiy.ru/demo/karta-mira-15.jpg); background-size: 200% 100%; -webkit-animation: animaciya1 linear 10s infinite; animation: animaciya1 linear 10s infinite; box-shadow: 0 200px 100px -80px rgba(0,0,0,.5); } @-webkit-keyframes animaciya1 { 0% {background-position: -100% 0;} 100% {background-position: 100% 0;} } @keyframes animaciya1 { 0% {background-position: -100% 0;} 100% {background-position: 100% 0;} }
</style>
<div id="ball"> </div>
<p><a href="http://www.novickiy.ru/news/globus_animacija/2014-07-17-605">КОД</a></p>
</center>