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 vote128 views2 answers
Transparent input box
CSS
0 vote129 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS
2 votes138 views1 answer
Send mails from lampp form localhost
CSS
12 votes126 views2 answers
Input number hide button
CSS
14 votes129 views2 answers
How to render css in flask link
CSS
0 vote133 views2 answers
Position relative and absolute difference in css
CSS
0 vote143 views2 answers
Css setting table column width
CSS
0 vote160 views1 answer
Barra de rolagem vertical css
CSS
1 vote173 views1 answer
Twig block
CSS
0 vote124 views1 answer
Sticky header not working chrome
CSS