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

39 votes333 views6 answers
Css pointer-events
CSS
1 vote324 views1 answer
Ion-content --offset-bottom
CSS
3 votes333 views3 answers
Font shadow css
CSS
0 vote337 views1 answer
Label for centered image
CSS
0 vote353 views1 answer
Javascript typewriter effect left to right
CSS
1 vote338 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote357 views1 answer
Media screen use another css file
CSS
9 votes322 views4 answers
Animation shorthand css
CSS
0 vote332 views6 answers
Install canon mf211 printer ubuntu
CSS
146 votes344 views4 answers
How do i link my css to my html
CSS