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

-1 vote347 views3 answers
Css ul to center
CSS
0 vote427 views1 answer
Fill and no repeat background image css
CSS
7 votes353 views1 answer
Css remove blue outline button
CSS
0 vote359 views1 answer
How to apply css on react chartjs
CSS
2 votes403 views3 answers
Em
CSS
0 vote380 views1 answer
How to slide div from left to right using css
CSS
26 votes349 views4 answers
How to move text up and down in html
CSS
0 vote359 views1 answer
Sub menu not showing horizontal css
CSS
17 votes374 views4 answers
Get featured image post wordpress by post id
CSS
4 votes339 views2 answers
Stop text from wrapping
CSS