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

0 vote365 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
1 vote340 views1 answer
Double color background css
CSS
3 votes330 views2 answers
Css glow text
CSS
0 vote329 views1 answer
Inexorably
CSS
10 votes340 views4 answers
Bootstrap badges Links
CSS
0 vote328 views1 answer
Which CSS property is used to add shadow to an element?
CSS
2 votes355 views1 answer
Space between li css
CSS
0 vote340 views1 answer
Input on Internet explore has close icon
CSS
7 votes342 views3 answers
Text unselectable css
CSS
127 votes475 views4 answers
React import bootstrap css
CSS Bootstrap