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

4 votes177 views3 answers
Soft box shadow css
CSS
-1 vote233 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
1 vote178 views1 answer
Remove site title squarespace
CSS
0 vote177 views1 answer
How to cover entire div with background image
CSS
0 vote198 views1 answer
Jquery woocommerce disable add to cart css
CSS
0 vote175 views1 answer
Background effect css
CSS
0 vote182 views1 answer
Css remove link border on click
CSS
0 vote201 views1 answer
Custom select dropdown css only codepen
CSS
2 votes180 views1 answer
Clamp margin
CSS
1 vote168 views2 answers
Centrer verticalement css
CSS