Bottom gradient

img {
  width: 400px;
}

.content {
  background: rgba(255, 255, 255, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(255, 255, 255, .1) 40%, rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
  position: relative;
  margin-top: -200px;
  height: 200px;
}

Source: stackoverflow.com

Similar codes

2 votes330 views2 answers
Display none transition
CSS
0 vote300 views1 answer
How to use formailze me ?
CSS
5 votes322 views2 answers
Css text cut dots
CSS
1 vote308 views1 answer
Dom ids have numbers
CSS
1 vote321 views2 answers
Css module multiple classes
CSS
0 vote317 views4 answers
Select2 make previously selected options non deletable
CSS
0 vote318 views1 answer
Wordpress https to localhost http
CSS
1 vote299 views6 answers
Tailwind css in react
CSS
0 vote298 views1 answer
Style50 for cs50
CSS
1 vote327 views1 answer
Screen rotation in css
CSS