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 vote400 views2 answers
Nav items moving when hover
CSS
0 vote311 views1 answer
Add quotes in quote css
CSS
0 vote292 views1 answer
Video camera icon font awesome
CSS
0 vote334 views1 answer
How to loop a javascript array
CSS
10 votes337 views5 answers
Media query for max width and height
CSS
0 vote350 views1 answer
Otp input next field html css
CSS
1 vote339 views3 answers
Jquery set div height dynamically
CSS
0 vote330 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS
5 votes314 views1 answer
Roblox player died
CSS
2 votes350 views3 answers
Css media screen
CSS