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

3 votes228 views2 answers
Css element with id and class
CSS
-1 vote221 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote219 views1 answer
Control one swiper with other
CSS
0 vote223 views1 answer
Api not working in github pages
CSS
4 votes209 views1 answer
Overflow dottet
CSS
0 vote212 views2 answers
Transparent input box
CSS
10 votes223 views3 answers
Hiding text css and leaving whitespace
CSS
2 votes226 views1 answer
Width 100% with padding
CSS
3 votes218 views3 answers
Css overflow elipsis
CSS
1 vote243 views1 answer
Css minifier api
CSS