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

Question

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

这是代码:https://github.com/Meeshbhoombah/Falcon-Hacks-Website

我怎样才能让他们不换行呢？还有，我怎么才能云淡风轻呢？

Answer 1

尝试为每个云“云”添加一个类

<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;
}