事件起因

在打开别人百度云盘分享的文件时,发现这个的云朵。很喜欢就扒下来了

动手操作

# HTML

<div class="cloud-bg">
<div class="bg1"></div>
</div>

# CSS

.cloud-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 400px;
}

.bg1 {
position: absolute;
width: 100%;
height: 400px;
background: url(https://p.pstatp.com/origin/1384f000132aa8641b2d4);
background-repeat: repeat-x;
background-position: 0 bottom;
bottom: 0;
}