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 vote242 views2 answers
Open sublime text 3 from terminal mac
CSS
0 vote232 views1 answer
How to make div width auto adjust
CSS
11 votes272 views4 answers
Git hard reset to commit
CSS
29 votes242 views2 answers
How to horizontal center a div in css
CSS
0 vote224 views1 answer
Colored link button style scss
CSS
0 vote224 views1 answer
Find element that is causing overflow css
CSS
0 vote226 views1 answer
Ovale css
CSS
-2 votes243 views1 answer
Change icon color to gradient css
CSS
0 vote236 views1 answer
Css last 3 childs
CSS
6 votes246 views2 answers
Css border opacity
CSS