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 vote107 views1 answer
Enlarge ionicons css
CSS
0 vote112 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
1 vote153 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote204 views3 answers
Bulma lowercase
CSS Bulma
0 vote114 views1 answer
How do I add a vertical margin in css
CSS
0 vote107 views1 answer
Chrome extension detect copy action
CSS
47 votes121 views6 answers
Css blur
CSS
0 vote122 views1 answer
Css selectors presentation
CSS
4 votes114 views2 answers
How to remove horizontal scrolling
CSS
0 vote127 views1 answer
Ufw allow from subnet
CSS