<!DOCTYPE html>
<html>
<head>
<title>CSS background-image property</title>
<style type="text/css">
.img {
background-image: url("../../images/transparent_bird.png");
}
.mutli_img {
background-image: url("../../images/transparent_star.png"), url("../../images/transparent_bird.png");
}
.gradient {
background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), url("../../images/transparent_bird.png");
}
div {
width: 400px;
height: 200px;
background-size: cover;
}
</style>
</head>
<body>
<h4><code>Background Image</code></h4>
<div class="img"></div>
<h4><code>Multiple Background Images</code></h4>
<div class="mutli_img"></div>
<h4><code>Gradients</code></h4>
<div class="gradient"></div>
</body>
</html>
