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

3 votes127 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote141 views1 answer
Giving body maximum width in css
CSS
3 votes129 views1 answer
Responsive flexbox in css
CSS
0 vote134 views1 answer
Titillium font
CSS
2 votes136 views1 answer
H2 in px css
CSS
0 vote137 views1 answer
Css remove white space below footer
CSS
-1 vote105 views1 answer
Css root seletor
CSS
1 vote124 views1 answer
Change color of mark tag in html
CSS
0 vote137 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
4 votes138 views3 answers
Zoom in and out iconhtml css
CSS