CSS云动画问题

Question

the css animation (loop) ist not correct. I made the example faster, so you can see it after every 5. second. How can I fix that?

Demo:

`https://jsfiddle.net/bt3vzwns/`

Answer 1

Don't set left: 100% , it'll push left 100% of your div's width.

Since your cloud.png is 1000px wide, try left: 1000px ; demo here .