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

38 votes139 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
0 vote148 views1 answer
How to make div width auto adjust
CSS
0 vote156 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
1 vote169 views1 answer
Mat-progress-bar style without app-theme
CSS
1 vote183 views1 answer
Css only select parent
CSS
5 votes144 views3 answers
Css window height
CSS
30 votes163 views6 answers
Linear gradient in CSS
CSS
0 vote171 views1 answer
Faunadb update
CSS
0 vote166 views1 answer
Css varianbes
CSS
0 vote136 views1 answer
Selection Handler css
CSS