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 vote108 views1 answer
Css bg code
CSS
4 votes113 views1 answer
Checkbox input in css
CSS
0 vote115 views3 answers
Div
CSS
2 votes114 views2 answers
How to have a background image with a color overlay
CSS
3 votes117 views1 answer
Zoom in to picture on html css
CSS
1 vote126 views3 answers
Console error
CSS
0 vote115 views1 answer
Grape change status code
CSS
109 votes116 views6 answers
What is padding in css
CSS
1 vote106 views1 answer
Give shadow all around uniformly css
CSS
0 vote119 views1 answer
React bootstrap css module use media query mixin
CSS