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

2 votes193 views1 answer
New line in url
CSS
1 vote224 views1 answer
Css invert columns
CSS
42 votes204 views4 answers
Css center div in page
CSS
0 vote365 views2 answers
Html select image background arrow
CSS
0 vote231 views1 answer
Couloured button link generator code scss
CSS
0 vote544 views1 answer
Fgg
CSS
0 vote213 views1 answer
Css apply style to direct children
CSS
0 vote218 views1 answer
Css input spaces between
CSS
0 vote206 views1 answer
Border radius circle button
CSS
1 vote302 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap