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

56 votes302 views3 answers
Donald trump twitter
CSS
0 vote286 views1 answer
Script for free code camp test
CSS
61 votes285 views5 answers
Css paragraph ellipsis
CSS
7 votes324 views2 answers
Background color semi transparent
CSS
168 votes374 views6 answers
Box shadow css property
CSS
5 votes255 views1 answer
Vertical align items in div
CSS
21 votes271 views2 answers
How to write css for input type text
CSS
17 votes285 views1 answer
Sass calc with variable
CSS
3 votes274 views1 answer
Css backdrop filter blut
CSS
1 vote285 views1 answer
Restrict flex items in a row
CSS