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 vote187 views1 answer
Css video background
CSS
0 vote182 views1 answer
Redesign html select
CSS
-1 vote241 views1 answer
Change font size on large screen resolution bootstrap
CSS
120 votes164 views6 answers
Css hide scrollbar
CSS
0 vote196 views1 answer
Css max-width none
CSS
5 votes179 views5 answers
Min padding
CSS
2 votes223 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote184 views1 answer
Nmap output ip only
CSS
1 vote173 views1 answer
Css retirer les puces
CSS
0 vote178 views1 answer
Moving nested element up css
CSS