Bottom gradient

img {
  width: 400px;
}

.content {
  background: rgba(255, 255, 255, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
  position: relative;
  margin-top: -200px;
  height: 200px;
}

Source: stackoverflow.com

Similar codes

0 vote146 views1 answer
Video failing to scale with div css background
CSS
29 votes137 views2 answers
@font-face rule in css
CSS
0 vote166 views1 answer
Css background color over image
CSS
1 vote159 views1 answer
How to move a button to right in css
CSS
1 vote182 views1 answer
How to disable margin collapsing
CSS
32 votes134 views6 answers
@font-face in css
CSS
0 vote161 views1 answer
Ul reset
CSS
2 votes143 views1 answer
Blue outline after click when in mobile view
CSS
6 votes93 views3 answers
Django css
CSS
7 votes166 views2 answers
Input background color
CSS