Responsive gradient background css

body {
  background-color: red;
}
#grad1 {
  height: 100px;
  width: 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 49.9%, rgba(255, 255, 255, 1) 50.1%);
}

<div id="grad1"></div>

Similar codes

5 votes178 views3 answers
Sticky footer
CSS
0 vote185 views1 answer
CSS class inheritance
CSS
0 vote173 views1 answer
Td wrap text without space
CSS
4 votes179 views3 answers
Glowing text css
CSS
1 vote252 views1 answer
Html video css
CSS
4 votes174 views1 answer
Css first h element
CSS
8 votes163 views1 answer
Html watermark background
CSS
1 vote221 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote176 views1 answer
Svg style css
CSS
0 vote179 views1 answer
Long text coming out of the block
CSS