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

37 votes627 views6 answers
Overflow in css
CSS
2 votes333 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote278 views1 answer
Css geight
CSS
0 vote282 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
0 vote265 views2 answers
How to define max number of character for a paragraph css
CSS
1 vote253 views1 answer
Button background color remove
CSS
0 vote266 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
2 votes278 views1 answer
How to make auto scroll to the end in css
CSS
9 votes257 views4 answers
Animation shorthand css
CSS
2 votes269 views1 answer
How to style multiple elements at once
CSS