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

0 vote316 views1 answer
Padding 2 values how would be they applied
CSS
0 vote339 views1 answer
Input checkbox size css
CSS
175 votes374 views6 answers
Background css image
CSS
22 votes300 views4 answers
Grid center align css
CSS
0 vote291 views1 answer
Css perspective
CSS
0 vote259 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote301 views1 answer
Place image on top right inside flex css
CSS
0 vote330 views2 answers
Change color select arrow css cf7
CSS
1 vote296 views1 answer
Import css in thymeleaf
CSS
55 votes293 views4 answers
Hover effects css
CSS