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 vote177 views5 answers
Boostrap css
CSS Bootstrap
0 vote184 views1 answer
Change size
CSS
1 vote177 views1 answer
Css element same line
CSS
3 votes291 views1 answer
Media queries css not working for mobile
CSS
18 votes180 views4 answers
Grayscale css
CSS
0 vote188 views1 answer
How to change a checkbox to be selected
CSS
0 vote205 views1 answer
Ufw allow from subnet
CSS
0 vote196 views1 answer
Css mobile friendly
CSS
0 vote184 views1 answer
Daphne vs gunicorn
CSS
21 votes264 views3 answers
Disable cursor css
CSS