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

3 votes384 views1 answer
Width in % of a screen css
CSS
0 vote314 views1 answer
Redesign html select
CSS
0 vote381 views1 answer
Html css add Avenir light font
CSS
0 vote313 views1 answer
Css clamp vs media queries
CSS
0 vote317 views1 answer
Css nesting
CSS
0 vote326 views1 answer
Jquery or selector
CSS
1 vote325 views1 answer
Css hsla
CSS
2 votes400 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote372 views1 answer
Global css cannot be imported from files other than your
CSS
0 vote353 views1 answer
Hover on father elemet activates a child element css
CSS