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

16 votes284 views4 answers
Arrow down css
CSS
1 vote279 views1 answer
On hover chang only border color of a button css
CSS
1 vote298 views2 answers
Round one side of div css
CSS
109 votes283 views6 answers
Center css
CSS
9 votes321 views3 answers
How to affect a deffernt element in css
CSS
0 vote278 views1 answer
Fullpage.js change the color of the anchor
CSS
0 vote285 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote282 views2 answers
Sass variables across files
CSS
0 vote242 views2 answers
Tailwind.min.css cdn
CSS
9 votes290 views3 answers
Css get rid of button outline on click
CSS