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 vote182 views5 answers
Css fr meaning
CSS
1 vote249 views1 answer
Css media queries between two sizes
CSS
0 vote190 views1 answer
Chrome extension detect copy action
CSS
0 vote267 views1 answer
Html css add Avenir light font
CSS
3 votes218 views2 answers
Scss transition
CSS
13 votes184 views4 answers
Scss transition mixin
CSS
1 vote184 views1 answer
Change scroll style angular
CSS
0 vote184 views1 answer
Reference images from css in django
CSS
5 votes185 views4 answers
Css flex gap between items
CSS
0 vote189 views1 answer
How to make fixed position responsive
CSS