@keyframes animatedBackground {
from { background-position: 0px 0; }
to { background-position: -562px 0; }
}
#header-top {
height: 190px;
width:100%;
background-image: url('example.png');
background-repeat: repeat-x;
animation: animatedBackground 2s linear infinite;
line-height: 400px;
}
/*HTML*/
<div id="header-top">
</div>