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

51 votes193 views6 answers
Ellipsis css
CSS
1 vote210 views1 answer
Css no underline
CSS
47 votes200 views6 answers
Css set text color
CSS
0 vote210 views1 answer
Spinner in html css react
CSS
5 votes214 views3 answers
Repeat method
CSS
0 vote222 views1 answer
Installer scss projet wordpress
CSS
0 vote223 views2 answers
How to add a selection in css
CSS
0 vote226 views1 answer
Overwrite safari dropdown css
CSS
0 vote210 views1 answer
Css animation cheat sheet
CSS
-2 votes254 views1 answer
Css add a shadow beneath text
CSS