<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/ypiterimg.jpeg); 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">&nbsp;</div>

<p><a href="http://www.novickiy.ru/news/jupiter_animacija/2014-07-17-607">КОД</a></p>
</center>