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

2 votes215 views3 answers
Css media screen
CSS
1 vote188 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
4 votes219 views1 answer
Png shadow css
CSS
0 vote211 views1 answer
Centos 8 cron on reboot
CSS
0 vote200 views2 answers
Filter array by keyword
CSS
1 vote211 views3 answers
How to start css
CSS
17 votes237 views2 answers
Linking css
CSS
0 vote227 views2 answers
Styling links within a class except the last one
CSS
0 vote203 views1 answer
How to use css without brackets
CSS
0 vote220 views1 answer
Css loading spinner with text
CSS