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

-1 vote108 views1 answer
Centralize div css
CSS
6 votes120 views2 answers
How to make a division center css
CSS
0 vote135 views1 answer
Css selector id class
CSS
13 votes118 views2 answers
Button edges rounded css
CSS
27 votes115 views4 answers
Css keyframes
CSS
0 vote117 views1 answer
How to install tailwind cdn
CSS
0 vote129 views1 answer
Crypto module
CSS
4 votes106 views1 answer
Grid repeating auto columns
CSS
1 vote123 views1 answer
Css system default font
CSS
24 votes109 views5 answers
Placeholder css
CSS