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 vote331 views1 answer
Set margin to none inside print
CSS
0 vote304 views1 answer
Border box reset
CSS
6 votes326 views2 answers
Css grid full width row
CSS
22 votes333 views6 answers
Blur css
CSS
15 votes305 views3 answers
Css wrap
CSS
0 vote317 views1 answer
Firefox-scroll-css
CSS
239 votes528 views5 answers
Include bootstrap
CSS
85 votes314 views6 answers
Color code green
CSS
116 votes376 views6 answers
@media screen and (max-width
CSS
0 vote326 views1 answer
Paper.css
CSS