bg_gradient

17-11-17

by Bharathi Prasannaa

HTML

<body>
<div class="bg">

</div>
</body>

CSS

.bg{
  width:400px;
  height:300px;
  background:url('https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/iss052e023801_0.jpg') no-repeat ,linear-gradient(to top,transparent 0%,black 80%);
//background-color:blue;
  background-blend-mode:color-dodge;

}