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 vote290 views2 answers
Wow.js
CSS
13 votes280 views3 answers
Centering css elements
CSS
0 vote264 views1 answer
Wordpress smooth scroll to anchor
CSS
0 vote288 views1 answer
Sticky header not working chrome
CSS
2 votes296 views10 answers
Robux
CSS
0 vote307 views1 answer
Css cursor finger
CSS
16 votes284 views4 answers
Arrow up css
CSS
0 vote270 views1 answer
Flex box divs squeeze together
CSS
44 votes285 views5 answers
Breakpoint bootstrap
CSS
1 vote259 views1 answer
Change height of range slider html
CSS