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 vote236 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
0 vote276 views1 answer
Css mobile friendly
CSS
0 vote273 views1 answer
P{ color: blue; font-size: 14px; }
CSS
1 vote253 views1 answer
Css linkup
CSS
18 votes262 views4 answers
Grayscale css
CSS
12 votes257 views6 answers
Wordpress enqueue script
CSS
0 vote251 views1 answer
How to link to class in CSS
CSS
0 vote277 views1 answer
Why we are translating -50%, -50% in css
CSS
22 votes264 views2 answers
React bootstrap carousal not working
CSS
0 vote245 views1 answer
Add black layer on image css
CSS