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 vote184 views1 answer
Wordpress header script add
CSS
0 vote177 views1 answer
Css background image follow scroll
CSS
0 vote179 views1 answer
Decrease space between paragraphs html
CSS
0 vote188 views1 answer
Bootstrap accessibility
CSS Bootstrap
7 votes174 views2 answers
Detect if an element has a class jQurey
CSS
0 vote175 views1 answer
Css add space right
CSS
164 votes224 views4 answers
Html head css link
CSS
0 vote178 views1 answer
Ubuntu toggle always on top
CSS
0 vote339 views1 answer
Text align in materialize css
CSS Materialize
0 vote199 views1 answer
How to make a pixel in css
CSS