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

1 vote164 views2 answers
Absolute vertical position css
CSS
3 votes140 views3 answers
Css border left
CSS
35 votes143 views2 answers
How to blur background color in css
CSS
5 votes98 views1 answer
Bootstrap darkmode
CSS
0 vote145 views1 answer
Css fit iframe to div
CSS
0 vote144 views1 answer
How to add css using nativeelement in angular
CSS
0 vote148 views1 answer
How to make div width auto adjust
CSS
0 vote139 views1 answer
Html input type colour internal border
CSS
0 vote188 views1 answer
AITpro maintenance mode CSS
CSS
1 vote181 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap