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

56 votes118 views3 answers
How to make a round corner in CSS
CSS
49 votes158 views3 answers
Center absolute element css
CSS
0 vote127 views1 answer
CSS adding something next to a picture
CSS
0 vote133 views1 answer
Tail block css
CSS
-1 vote130 views1 answer
Input focus css default
CSS
0 vote83 views1 answer
Named colors css
CSS
0 vote136 views1 answer
-webki slider runnable track
CSS
0 vote136 views1 answer
Meaning of bbc
CSS
0 vote189 views1 answer
Height current -3px css
CSS
322 votes286 views6 answers
Font awesome cdn link
CSS