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 vote351 views1 answer
Css for floting input label
CSS
-1 vote335 views1 answer
Css display contents
CSS
2 votes398 views3 answers
Backdrop css
CSS
20 votes359 views3 answers
Css text selection none
CSS
1 vote409 views1 answer
Disable highlighting text in CSS.
CSS
0 vote344 views1 answer
Container media queries for large displays
CSS
7 votes391 views3 answers
Embed google font css
CSS
0 vote355 views1 answer
Inline block and 50% width not aligning items
CSS
6 votes415 views2 answers
Blink css
CSS
19 votes376 views4 answers
Scss react
CSS