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 vote126 views1 answer
Css feather border
CSS
14 votes198 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote140 views1 answer
Not allow select text css
CSS
69 votes138 views6 answers
Flexbox elements
CSS
0 vote155 views1 answer
Tampermonkey custom css
CSS
0 vote139 views1 answer
How to add space inbetween lines in html
CSS
0 vote143 views1 answer
Split group of flex item
CSS
36 votes140 views4 answers
Text color as gradient css
CSS
0 vote128 views2 answers
How set image at top in wordpress
CSS
0 vote160 views1 answer
Css packer cli
CSS