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

0 vote192 views1 answer
COMO ADC HOVER
CSS
4 votes203 views2 answers
Can we use material ui and tailwind css together
CSS
1 vote268 views1 answer
Css rules only for mozilla
CSS
1 vote218 views2 answers
How to compile scss to css
CSS
3 votes205 views1 answer
Css second td in table
CSS
53 votes201 views4 answers
On hover css
CSS
9 votes192 views1 answer
Full page background image
CSS
0 vote275 views1 answer
Remove contact form 7 css
CSS
0 vote189 views1 answer
Css float placeholder
CSS
0 vote185 views1 answer
Locale_translation_projects_alter
CSS