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 vote271 views1 answer
.cameleons
CSS
0 vote255 views1 answer
How to remove text highlight on double click
CSS
2 votes235 views1 answer
Index in javascript
CSS
0 vote273 views1 answer
Aos makes screen unresponsive
CSS
0 vote254 views1 answer
Unhover animation
CSS
0 vote257 views1 answer
Media query for mobile landscape only
CSS
1 vote252 views1 answer
Wave css
CSS
1 vote200 views1 answer
Transition all 0.3s ease-in-out
CSS
0 vote244 views1 answer
Ms-clear event
CSS
3 votes267 views2 answers
Antialiasing css
CSS