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 vote147 views1 answer
For loop for increment id of div in jquery
CSS
0 vote160 views1 answer
Color transition time css
CSS
0 vote139 views1 answer
CSS blue bottom right Box shadow
CSS
2 votes147 views2 answers
Xcel turn off scrool lock
CSS
0 vote147 views1 answer
Javafx change image on hover
CSS
1 vote191 views1 answer
Ie11 flex 1
CSS
1 vote147 views1 answer
Before content from attribute
CSS
1 vote205 views1 answer
BEM example css
CSS
2 votes154 views2 answers
Css text to fit container
CSS
0 vote150 views1 answer
Flexbox froggy
CSS