Css animate background image

// use CSS3 @keyframes to animate the background-position
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#animate-area {
  width: 200px;
  height: 200px;
  background-image: url(http://placekitten.com/400/200);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 10s linear infinite alternate;
}

<div id="animate-area"></div>

Source: stackoverflow.com

Similar codes

0 vote210 views1 answer
Css 4 3 ratio
CSS
0 vote183 views1 answer
Css battle horizon answer
CSS
158 votes188 views5 answers
Css background image with url
CSS
18 votes197 views6 answers
Css box sizing
CSS
16 votes137 views2 answers
Set font color in css
CSS
0 vote201 views1 answer
Background Image Accessibility concerns
CSS
0 vote203 views1 answer
Django validation error css
CSS
0 vote188 views2 answers
Background shrinks when responsive
CSS
0 vote182 views1 answer
Css background color over image
CSS
0 vote188 views1 answer
Css grow animation
CSS