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

43 votes378 views5 answers
Css text overflow
CSS
0 vote380 views1 answer
How to target input type with css
CSS
8 votes358 views2 answers
Css background image full screen responsive
CSS
145 votes458 views6 answers
Add bootstrap to react
CSS Bootstrap
1 vote362 views1 answer
Css selector not contains attribute
CSS
74 votes388 views6 answers
Flex box
CSS
1 vote332 views3 answers
Console error
CSS
35 votes381 views6 answers
Gradient css background
CSS
59 votes378 views4 answers
Rgb blue color code
CSS
3 votes349 views2 answers
Align an entire second row center css grid
CSS