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 vote196 views1 answer
Ngrok host header change
CSS
0 vote161 views1 answer
CSS menu list with underline hover animation
CSS
50 votes140 views3 answers
Simple css reset
CSS
1 vote179 views2 answers
Overflow x not hidden
CSS
8 votes135 views2 answers
Invert png color css
CSS
0 vote135 views2 answers
Background having opacity and text above to not have opacity
CSS
1 vote156 views1 answer
Url css
CSS
0 vote141 views1 answer
PacSelectFirst( submit button
CSS
0 vote154 views2 answers
Remove unused css styles
CSS
0 vote155 views1 answer
Device-pixel-ratio css
CSS