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

18 votes354 views6 answers
Css box sizing
CSS
66 votes391 views6 answers
Center an image
CSS
0 vote324 views1 answer
Css media query aspect ratio
CSS
14 votes402 views6 answers
Bootstrap image size
CSS Bootstrap
3 votes369 views3 answers
Hide scroll bar when not needed
CSS
0 vote400 views1 answer
Beautiful Cyrillic fonts
CSS
4 votes332 views1 answer
Who created css
CSS
0 vote613 views1 answer
Twig inline css
CSS
53 votes341 views6 answers
How to underline text in css
CSS
50 votes330 views6 answers
Backgroud color css
CSS