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 vote335 views2 answers
How to use font awesome unicode in css
CSS
64 votes323 views3 answers
How to use variables in css
CSS
1 vote334 views1 answer
Inline input form css
CSS
0 vote307 views1 answer
Vuetify input change outline color
CSS
0 vote355 views1 answer
Applying multiple transform values to an object css
CSS
10 votes364 views3 answers
Underline css animation
CSS
6 votes354 views2 answers
How to add scss to a react app
CSS
1 vote317 views1 answer
How to change color of element when hovering over div
CSS
1 vote314 views1 answer
Hard blink
CSS
0 vote308 views1 answer
Ssh into docker container ddev
CSS