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

5 votes160 views3 answers
Sticky footer
CSS
0 vote149 views1 answer
Text align left in span
CSS
0 vote149 views1 answer
If i forked and cloned a github repo can i change the name
CSS
2 votes168 views1 answer
Onclick javascript are you sure
CSS
-1 vote157 views1 answer
Css dual color
CSS
3 votes154 views2 answers
Css glow text
CSS
0 vote155 views1 answer
Css variables css tricks
CSS
1 vote226 views1 answer
Overflow text newline
CSS
38 votes160 views6 answers
Rotate image css
CSS
0 vote159 views1 answer
How to make 3 photos display inline-blocks
CSS