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

12 votes141 views4 answers
Sticky header
CSS
0 vote137 views1 answer
Padding bottom and top css in same ligne
CSS
0 vote147 views1 answer
Space between span and svg in css
CSS
1 vote160 views4 answers
Add css to django
CSS
0 vote152 views1 answer
Css img src
CSS
64 votes139 views3 answers
How to use variables in css
CSS
0 vote143 views1 answer
Laravel asset css not found
CSS
0 vote140 views1 answer
Changing bakcgound color like animation using tailwind
CSS
21 votes143 views2 answers
Remove focus border
CSS
1 vote141 views2 answers
What is css selector
CSS