Css animation png

.img-baby-g-about {
  width: 100%;
  height: 327px;
  animation: animateCloud 10s linear infinite;
  background-image: url(https://i.postimg.cc/T1nt9ZLk/Lv8L0.png);
  background-repeat: repeat-x;
  background position: 0 0;
}
    
@keyframes animateCloud  {0% {background position: 0 0;}100% {background-position: 1280px 0;}}

Source: stackoverflow.com

Css animation png

<div class="img-baby-g-about"></div>

Source: stackoverflow.com

Similar codes

1 vote336 views2 answers
Css disabled hover none
CSS
-2 votes332 views3 answers
How to highlight text in css
CSS
0 vote358 views1 answer
Css grow animation
CSS
47 votes306 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
6 votes338 views2 answers
Html table scrollable body fixed header
CSS
6 votes338 views1 answer
Responsive image in css
CSS
1 vote337 views2 answers
Apple font css
CSS
0 vote326 views1 answer
Top 0 bottom 0 left 0 right 0 alternate css
CSS
1 vote402 views1 answer
Can we use multiple keyframes in css
CSS
0 vote341 views1 answer
3 line after dot in css
CSS