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

37 votes142 views6 answers
Overflow in css
CSS
12 votes128 views3 answers
Docker restart container
CSS
22 votes178 views6 answers
Box shadow css
CSS
18 votes129 views8 answers
Vscode
CSS
2 votes130 views2 answers
Xcel turn off scrool lock
CSS
0 vote127 views1 answer
Change disbled button background pyqt5
CSS
0 vote121 views2 answers
Transparent input box
CSS
0 vote124 views1 answer
To make card box appear more bigger when hover
CSS
19 votes141 views5 answers
Css opacity background color
CSS
0 vote127 views1 answer
Css tricks stretch content full witdh
CSS