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

145 votes204 views6 answers
Import bootstrap in react
CSS
3 votes129 views3 answers
Have background color and background image css
CSS
1 vote155 views2 answers
Css module multiple classes
CSS
0 vote137 views1 answer
Css media query for mobile and hide a row wordpress
CSS
2 votes176 views1 answer
Https request
CSS
-1 vote125 views1 answer
Centralize div css
CSS
1 vote139 views1 answer
On clicking a link it gets red color
CSS
3 votes131 views2 answers
Make triangle using div
CSS
0 vote134 views1 answer
Backwards text css
CSS
0 vote129 views1 answer
Selection Handler css
CSS