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 vote207 views1 answer
Red asterix css
CSS
185 votes516 views6 answers
Background image css
CSS
0 vote237 views1 answer
Css selector data-entity-type
CSS
39 votes202 views6 answers
Css pointer-events
CSS
-1 vote208 views1 answer
Reset the entire box model
CSS
28 votes201 views6 answers
Margin
CSS
0 vote212 views5 answers
Css math functions simplifier
CSS
0 vote330 views1 answer
Top down gradient css on body
CSS
0 vote203 views2 answers
Css lighten function
CSS
0 vote192 views1 answer
Css media query aspect ratio
CSS