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 vote247 views1 answer
Not the first child and not the last child css
CSS
-1 vote252 views2 answers
Css lock scroll
CSS
-1 vote269 views1 answer
On class hover another class color change
CSS
15 votes282 views2 answers
Background-image: url opacity
CSS
1 vote253 views1 answer
Give shadow all around uniformly css
CSS
0 vote249 views2 answers
Linear gradient and url css
CSS
0 vote251 views1 answer
Circle percentage css
CSS
0 vote227 views1 answer
Reduire espace entre ligne css
CSS
4 votes291 views3 answers
.col-6 bootstrap
CSS Bootstrap
17 votes251 views3 answers
Css odd even child
CSS