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 vote140 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote174 views1 answer
Css fadeIn opacity transition
CSS
1 vote134 views1 answer
How to make a relative div not take up space
CSS
0 vote139 views1 answer
Button not aligning right css
CSS
0 vote117 views1 answer
Buttons have strange style iOS
CSS
1 vote158 views1 answer
Css scrollbar always visible
CSS
7 votes130 views6 answers
Tailwind css cdn
CSS
0 vote185 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
2 votes126 views1 answer
Mixin for transition css
CSS
7 votes91 views2 answers
Html vertical and horizontal center
CSS