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 vote159 views1 answer
Jquery or selector
CSS
3 votes156 views1 answer
Css visibility transition
CSS
7 votes155 views2 answers
Max z-index value css
CSS
0 vote181 views1 answer
Display elements in column css
CSS
0 vote142 views1 answer
Horizontal scroll only css mobile
CSS
0 vote242 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
0 vote137 views1 answer
Html input type colour internal border
CSS
0 vote147 views1 answer
Two background images css
CSS
1 vote139 views1 answer
Css use :root
CSS
0 vote138 views1 answer
How to make the select box font size small in css
CSS