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

49 votes246 views4 answers
Scrollbar
CSS
1 vote227 views1 answer
Css overwriting styles
CSS
0 vote285 views2 answers
Nav items moving when hover
CSS
0 vote222 views1 answer
What is focus state in css
CSS
4 votes218 views2 answers
Laravel enum column
CSS
2 votes234 views1 answer
Css preprocessor
CSS
7 votes240 views3 answers
Text unselectable css
CSS
0 vote233 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
0 vote229 views1 answer
Css display offscreen
CSS
0 vote241 views1 answer
Css for floting input label
CSS