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

127 votes324 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote261 views3 answers
Image slider html css
CSS
0 vote253 views2 answers
Animate zoom in and zoom out in css
CSS
0 vote255 views1 answer
How to change border height in css
CSS
2 votes282 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote292 views1 answer
Swiper slider autoplay
CSS
4 votes302 views3 answers
Css print
CSS
0 vote232 views1 answer
Transform translate-x ie11
CSS
4 votes259 views1 answer
Orientation css max and min width media query
CSS
2 votes252 views3 answers
Css button transparent
CSS