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

19 votes160 views4 answers
Add blur background css
CSS
3 votes168 views1 answer
What is a pseudo selector?
CSS
0 vote244 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
66 votes174 views6 answers
How to center a div with position absolute
CSS
0 vote159 views1 answer
Oracle apex interactive report odd even
CSS
0 vote169 views1 answer
Target button of fileinput css
CSS
0 vote169 views2 answers
Card css
CSS
18 votes160 views5 answers
Col-md-6 bootstrap
CSS
0 vote187 views1 answer
Add arrow in select css
CSS
0 vote147 views1 answer
Poner en input signo dolar con css
CSS