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 vote122 views1 answer
Change size
CSS
0 vote128 views1 answer
How to add images on images css
CSS
0 vote131 views1 answer
Look and Feel
CSS
10 votes118 views2 answers
Css how to change font colr
CSS
0 vote134 views2 answers
Animate.css not working
CSS
2 votes128 views1 answer
Css rounded corners at top only
CSS
0 vote111 views1 answer
Jquery or selector
CSS
1 vote124 views1 answer
Make web page float to center of page
CSS
0 vote115 views1 answer
How to make a width infinite and hidden using css
CSS
1 vote107 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS