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 vote364 views2 answers
Wow.js
CSS
9 votes404 views3 answers
How to affect a deffernt element in css
CSS
2 votes335 views1 answer
Why do we need hexadecimal number system
CSS
5 votes375 views2 answers
Css text cut dots
CSS
0 vote345 views1 answer
Hide calendar icon
CSS
0 vote420 views1 answer
Css inverted border radius
CSS
9 votes392 views1 answer
Textview android text align center
CSS
9 votes389 views2 answers
Bootstrap cheat sheet
CSS
0 vote388 views2 answers
Popular class name layouts
CSS
13 votes341 views3 answers
Repeat css
CSS