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

28 votes231 views3 answers
Display sm none
CSS
20 votes249 views5 answers
How to add background image in react css
CSS
0 vote254 views1 answer
Css good black color
CSS
1 vote226 views2 answers
Scale textarea
CSS
3 votes240 views2 answers
Make image not draggable css
CSS
0 vote232 views1 answer
Null vs void
CSS
3 votes212 views1 answer
Css sass run
CSS
0 vote229 views1 answer
Background pulled to corner on small screens
CSS
1 vote225 views2 answers
Textarea scale to content
CSS
14 votes249 views2 answers
Media query in scss
CSS