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 vote160 views1 answer
Tailwindcss link tag
CSS
62 votes143 views3 answers
Font awesome 4
CSS
0 vote158 views1 answer
Click a list html css
CSS
0 vote161 views2 answers
False
CSS
0 vote143 views1 answer
Css overflow smooth scroll mobile
CSS
22 votes199 views2 answers
Rgb gold color
CSS
8 votes161 views2 answers
Css list style
CSS
0 vote161 views1 answer
Css horizontal line around text
CSS
8 votes171 views5 answers
Css hover change other element
CSS
0 vote162 views1 answer
How to make gray ufing rgb in css
CSS