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

1 vote358 views1 answer
Scss maps´
CSS
6 votes324 views2 answers
Update checkbox size css
CSS
1 vote320 views1 answer
Use a local font css
CSS
49 votes346 views6 answers
Min and max width media query
CSS
27 votes308 views4 answers
How to import fonts css
CSS
3 votes318 views1 answer
How to remove underline from link of p in css
CSS
0 vote338 views1 answer
Hiding text outside of border css
CSS
49 votes405 views5 answers
Css first
CSS
2 votes312 views1 answer
Uninstall pm2
CSS
28 votes359 views6 answers
Margin
CSS