为什么这个 CSS 动画中的云移到新的一行而不是离开页面?

Why do the clouds in this CSS animation move to a new line instead of leaving the page?

我试图让这些云在网页上移动并移出网页,但云不断移动到新的一行。这是网站:http://therealrohanm.me/Falcon-Hacks-Website/(云朵需要几秒钟才能显示)

代码如下:https://github.com/Meeshbhoombah/Falcon-Hacks-Website

如何让他们不换行?还有,我怎么才能云淡风轻呢?

尝试为你的每一朵云添加一个 class "cloud"

<img class="cloud-1" src="images/Cloud.png">

应该变成

<img class="cloud cloud-1" src="images/Cloud.png">

然后添加一些CSS:

#animated-cloud-background .cloud {
    position: absolute;
    top: 0;
    left: 0;
}