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 vote211 views1 answer
Write the CSS styling inside the HTML page
CSS
0 vote175 views1 answer
Nuxt css other site
CSS
2 votes168 views1 answer
How to add space between menu items in css
CSS
7 votes172 views3 answers
Pm2 remove process from list
CSS
6 votes173 views2 answers
Update checkbox size css
CSS
43 votes207 views6 answers
Css change background color
CSS
0 vote164 views1 answer
How to write h2so4 using html css
CSS
41 votes199 views4 answers
How to center text in css
CSS
0 vote178 views1 answer
Secltor for parent li css
CSS
0 vote183 views2 answers
How to set background image for button in css
CSS