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 votes139 views3 answers
Display sm none
CSS
6 votes130 views1 answer
How to set option size to select in html css
CSS
1 vote180 views1 answer
How to disable margin collapsing
CSS
-1 vote185 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote145 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote133 views1 answer
Fluid typography for Safari
CSS
-1 vote141 views2 answers
How to zoom image on hover in css
CSS
0 vote133 views1 answer
Media queries css wit logical operators
CSS
0 vote138 views1 answer
Add pseudo buttons
CSS
0 vote100 views1 answer
Laravel load css from public
CSS