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

4 votes200 views2 answers
Css selected color
CSS
6 votes202 views3 answers
How to add a background overlay in css
CSS
5 votes198 views2 answers
Css make input unselectable
CSS
0 vote189 views1 answer
Css perspective
CSS
1 vote212 views1 answer
How to remove lines from textarea
CSS
0 vote205 views1 answer
React bootstrap carousel not working
CSS
0 vote192 views1 answer
Access lamp folder using terminal mac
CSS
17 votes205 views2 answers
Rgb green
CSS
14 votes208 views5 answers
Make background image full width
CSS
0 vote224 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS