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 vote165 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote151 views1 answer
CSS - The Class Selectors
CSS
1 vote173 views1 answer
Css how to hyperlink
CSS
3 votes207 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote224 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote172 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote177 views1 answer
Make table cell less wide css
CSS
2 votes158 views1 answer
Check if input is empty css
CSS
2 votes176 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
6 votes165 views6 answers
Css word break
CSS