Fading bottom image css

.image { position: relative; }
.image img { display: block; position: relative; z-index: 1; width: 100%; }
.image .fade { position: absolute; bottom: 0; width: 100%; height: 150px; z-index: 2; background: rgba(255, 255, 255, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%) repeat scroll 0 0;  }

Source: stackoverflow.com

Similar codes

0 vote175 views1 answer
Remove contact form 7 css
CSS
17 votes194 views2 answers
Linking css
CSS
7 votes195 views4 answers
Css crop image
CSS
1 vote173 views1 answer
Css break wrap header
CSS
1 vote182 views1 answer
Show hide item based on display size
CSS
2 votes192 views1 answer
Css move animation
CSS
1 vote203 views1 answer
Page icon css
CSS
13 votes172 views3 answers
Centering css elements
CSS
0 vote178 views1 answer
Multiple css media queries
CSS
116 votes161 views6 answers
How to hide the scrollbar in css
CSS