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 vote343 views10 answers
How to create a snake game in html css js
CSS
0 vote346 views1 answer
Details summary not open css
CSS
2 votes399 views1 answer
Admin dashboard html css
CSS
4 votes376 views3 answers
Css selection
CSS
3 votes358 views2 answers
Css for internet explorer only
CSS
0 vote393 views1 answer
Hovered one element change styles for another css
CSS
0 vote352 views1 answer
Scss color black white
CSS
17 votes318 views5 answers
Background image linear gradient
CSS
0 vote349 views1 answer
Css detect if input has value
CSS
0 vote370 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS