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

2 votes150 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
1 vote109 views1 answer
Css retirer les puces
CSS
2 votes149 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote140 views1 answer
Adding active Class with JavaScript
CSS
-2 votes113 views1 answer
How to add after psuedo class in html
CSS
0 vote106 views1 answer
Allfont cdn
CSS
0 vote275 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote136 views1 answer
Transform: scale time anpassen
CSS
0 vote107 views1 answer
Degradado color css
CSS
0 vote97 views1 answer
Html align svg to text
CSS