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 votes258 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
22 votes201 views6 answers
Font family css
CSS
1 vote202 views1 answer
Spaces between letters css
CSS
0 vote203 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
0 vote196 views1 answer
Textxarea noresize
CSS
56 votes181 views3 answers
How to make a round corner in CSS
CSS
1 vote203 views1 answer
Css grid minmax function
CSS
0 vote196 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
4 votes192 views1 answer
Css first h element
CSS
3 votes188 views1 answer
Trash icon in fontawesome
CSS