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 vote209 views1 answer
Horizontal scroll menu fade edges
CSS
52 votes232 views3 answers
Css position absolute middle
CSS
0 vote238 views1 answer
Why is there whitespace on the top
CSS
6 votes237 views2 answers
How to give opacity to border
CSS
12 votes250 views2 answers
How to center element in bulma
CSS Bulma
0 vote322 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
2 votes238 views1 answer
Add image ::before css
CSS
9 votes244 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote244 views3 answers
Slick slider and ACF Pro in WordPress
CSS
17 votes243 views2 answers
Css grid center elements inside div
CSS