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 vote132 views1 answer
Css 16 9 ratio
CSS
36 votes146 views6 answers
Css gradient
CSS
0 vote131 views1 answer
Position absolute above everything
CSS
0 vote124 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
5 votes135 views2 answers
Css especifico para safari
CSS
158 votes169 views5 answers
Css background image with url
CSS
0 vote121 views3 answers
Assignment 1
CSS
2 votes130 views1 answer
Size carousel bootstrap 4
CSS
0 vote82 views1 answer
Css not working react
CSS
3 votes146 views1 answer
Enter in css
CSS