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 vote144 views1 answer
How to make a text in center with background color in css
CSS
0 vote153 views1 answer
QAnon Won't believe who
CSS
0 vote137 views1 answer
Formatage date css
CSS
0 vote157 views2 answers
Css hover affect other item
CSS
0 vote144 views1 answer
How to center an overlay button using flex box
CSS
1 vote143 views1 answer
Css animate border bottom left to right
CSS
4 votes141 views2 answers
Change bot description background top.gg
CSS
0 vote147 views1 answer
Css grid auto wrap
CSS
69 votes145 views4 answers
White rgb
CSS
156 votes202 views6 answers
Center a div css
CSS