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 vote136 views1 answer
How to add 2 text shadows
CSS
22 votes130 views5 answers
Css grid center
CSS
6 votes162 views2 answers
Transition prefixes css
CSS
33 votes132 views6 answers
Gradient css
CSS
3 votes153 views3 answers
How to use image zoom effect in css
CSS
2 votes120 views2 answers
Bootstrap change color table striped
CSS
1 vote87 views2 answers
Pure css spinner
CSS
-1 vote95 views1 answer
Css root seletor
CSS
20 votes140 views5 answers
How to add background image in react css
CSS
5 votes134 views1 answer
Css negative padding
CSS