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 vote242 views1 answer
Change last character color css
CSS
0 vote262 views1 answer
Separar letras en css
CSS
0 vote176 views0 answer
CSS
23 votes231 views5 answers
Image rotate css
CSS
1 vote200 views1 answer
How to serve css through go
CSS
1 vote227 views1 answer
Bolock rotating the screen on your website with css
CSS
0 vote214 views1 answer
Operating system font-family css
CSS
93 votes224 views6 answers
Css center image in div
CSS
65 votes217 views6 answers
Outline radius css
CSS
1 vote379 views2 answers
How to make background more darker with css
CSS