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 vote352 views1 answer
Import custom font
CSS
27 votes419 views3 answers
Keyframe in css
CSS
1 vote368 views1 answer
How to set fallback font in css
CSS
0 vote363 views1 answer
Changer couleur liens cliqués css
CSS
0 vote428 views2 answers
Bulma uppercase
CSS Bulma
0 vote390 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
16 votes431 views2 answers
Css not last child
CSS
2 votes342 views1 answer
Why do we need hexadecimal number system
CSS
0 vote398 views2 answers
Change color select arrow css cf7
CSS
0 vote385 views1 answer
Css List in line
CSS