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

3 votes298 views2 answers
Css element with id and class
CSS
0 vote324 views2 answers
Css selector label for
CSS
1 vote324 views2 answers
Center nav bar css
CSS
12 votes291 views6 answers
Responsive text
CSS
0 vote282 views1 answer
Border box reset
CSS
0 vote239 views1 answer
Select multiple id css
CSS
3 votes309 views1 answer
How to change the page background in css
CSS
0 vote308 views1 answer
Css change browser color
CSS
1 vote298 views1 answer
Mos css
CSS
1 vote316 views1 answer
New line in flex container
CSS