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 vote230 views1 answer
Text slide animation css
CSS
1 vote217 views1 answer
Font condensed
CSS
0 vote238 views1 answer
How to make any word italic in html and css
CSS
4 votes219 views1 answer
Space-x css
CSS
3 votes225 views3 answers
Have background color and background image css
CSS
2 votes233 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
0 vote230 views1 answer
Giving body maximum width in css
CSS
39 votes225 views5 answers
Add drop shadow css
CSS
1 vote223 views1 answer
Second scrollbar appears
CSS
42 votes209 views5 answers
Css cut off text
CSS