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 vote145 views2 answers
Text decoration underline padding
CSS
0 vote151 views1 answer
Css row
CSS
75 votes171 views6 answers
Flexbox
CSS
22 votes161 views3 answers
Remove styling from a tag
CSS
3 votes143 views2 answers
Navbar box shadow
CSS
42 votes144 views6 answers
Text color css
CSS
0 vote172 views2 answers
Fix materialize form label not working
CSS
0 vote160 views1 answer
How to add a pure css loading spinner
CSS
32 votes124 views3 answers
Add google font
CSS
8 votes157 views2 answers
Css list style
CSS