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

25 votes107 views4 answers
Set visibility css
CSS
19 votes114 views5 answers
Css opacity background color
CSS
7 votes105 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote105 views1 answer
Nuxt lazy load pages pagination
CSS
0 vote107 views1 answer
Css media query overflow
CSS
0 vote109 views1 answer
Css to exclude last row table
CSS
0 vote114 views1 answer
Next day 2pm delivery countdown timer script
CSS
15 votes103 views2 answers
Background-image: url opacity
CSS
54 votes104 views2 answers
How to center an image element inside a block in css
CSS
-1 vote133 views1 answer
Css comando para poner una imagen como fondo en html
CSS