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 vote280 views1 answer
Css cursor loading
CSS
48 votes315 views6 answers
Media query min max
CSS
2 votes364 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
0 vote313 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
22 votes323 views6 answers
Create circle in css
CSS
0 vote340 views1 answer
How to set color of instagram css
CSS
1 vote308 views1 answer
Ion-content --offset-bottom
CSS
7 votes332 views2 answers
Make images same size css
CSS
4 votes314 views1 answer
Space-x css
CSS
10 votes332 views2 answers
Remove underline on hover span
CSS