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

8 votes349 views2 answers
CSS change image height
CSS
48 votes342 views6 answers
Html font size
CSS
0 vote364 views1 answer
Button expo css
CSS
0 vote361 views1 answer
Css apply style to direct children
CSS
0 vote418 views1 answer
Prevenrt div with height 100% from growing up
CSS
-2 votes329 views1 answer
Css transform translate and rotate
CSS
1 vote345 views1 answer
About us page template html css codepen
CSS
50 votes317 views6 answers
Backgroud color css
CSS
0 vote308 views1 answer
Transform translate-x ie11
CSS
26 votes381 views10 answers
Bootstrap
CSS Bootstrap