关于这朵云

云朵其实很简单，主要是就三块。

html代码中: 云的代码div中有五个div，每个div又有两个div ，设置样式后拼接起来组成云，其实可以简化，思路如下：有一个云集div,里面有五个div，这五个div就是五朵云，然后通过样式设置，实现云的形状；

<div class="clouds">
        <div class="cloud x1"></div>
        <div class="cloud x2"></div>
        <div class="cloud x3"></div>
        <div class="cloud x4"></div>
        <div class="cloud x5"></div>
</div>

2. 云朵的形成，在样式设置时，发现有些属性一样的，同时云的形状都是一样，所以云的形状可以统一设置，通过在具体云div和::after和::before为元素来实现。注意：云不同的是位置及大小，所以可以单独设置，通过class或者选择器定位到相应的云，然后设置云不同的位置及缩放，这样减少代码冗余。