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

2 votes304 views1 answer
Css click effect
CSS
0 vote338 views1 answer
Are the iphone dimensions widht then height
CSS
0 vote322 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
19 votes334 views9 answers
How to center a div
CSS
4 votes367 views2 answers
Border dot css
CSS
-1 vote290 views1 answer
Css tricks
CSS
42 votes344 views5 answers
Css center everything
CSS
0 vote313 views1 answer
Code to change size when hover effect
CSS
9 votes305 views6 answers
Round button css
CSS
2 votes313 views1 answer
Css resize image without distortion
CSS