Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
#example {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 70%;
background-image: url("https://userscontent2.emaze.com/images/d56242ef-c20d-4350-9877-321cb4523328/7c5cdc4d9f6bf00f3fb279f51d7d23fc.png"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/239518/birds2.svg"),
url("http://www.transparentpng.com/thumb/clouds/W5czgG-blue-clouds-png-icon.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0), 40%, rgba(255, 255, 255, 1) 60%);
background-size: 20%, 20%, 100%, 100%, 50px;
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat;
background-position: 5% 40%, 95% 60%, center bottom;
}
</style>
</head>
<body>
<div id="example"></div>
</body>
</html>