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

10 votes134 views6 answers
How to install composer on mac
CSS
0 vote181 views2 answers
Bootstrap 5 container
CSS Bootstrap
1 vote133 views1 answer
Animated website using html and css
CSS
0 vote138 views1 answer
Paper.css
CSS
1 vote140 views1 answer
Ghana
CSS
37 votes143 views6 answers
Overflow in css
CSS
0 vote131 views1 answer
Css flex add second row
CSS
0 vote128 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote132 views1 answer
React css change number animation
CSS
5 votes89 views1 answer
Css custom strikethrough
CSS