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 vote348 views1 answer
Focus in styled component
CSS
3 votes358 views2 answers
How to decurate react router link css
CSS
0 vote352 views1 answer
Réglage de constantes PHP
CSS
54 votes427 views6 answers
Import font in css
CSS
1 vote418 views1 answer
How to take in space and enter as it is in a textarea
CSS
0 vote375 views1 answer
Restore mariadb from bz2 file cli
CSS
9 votes354 views3 answers
Css get rid of button outline on click
CSS
1 vote344 views1 answer
Css sticky navigatiojn
CSS
40 votes314 views8 answers
Font size css
CSS
0 vote339 views1 answer
Purgecss cli
CSS