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 vote270 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote322 views1 answer
Width height samsung note 20 screen
CSS
0 vote315 views1 answer
QAnon Won't believe who
CSS
2 votes362 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote312 views1 answer
Increase the distance between paragraphs css
CSS
0 vote283 views1 answer
Align links to right css
CSS
0 vote287 views1 answer
Add image under header html
CSS
0 vote353 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
16 votes332 views4 answers
CSS Font-Family
CSS
0 vote303 views1 answer
3d rotating text css
CSS