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

11 votes219 views2 answers
Css image filter black and white
CSS
0 vote202 views1 answer
Flot css mdn
CSS
27 votes197 views1 answer
Css how to create gradients on text outline
CSS
0 vote212 views2 answers
How to insert icons pseudo content
CSS
0 vote190 views1 answer
Choose grid position html
CSS
0 vote193 views1 answer
Css not hover div right hide
CSS
0 vote197 views1 answer
Opposite of :not css
CSS
5 votes153 views1 answer
Show scrollbar only when scrolling
CSS
1 vote204 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
0 vote202 views2 answers
Woocommerce cart css description
CSS