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 vote169 views1 answer
Css static header on scroll
CSS
0 vote199 views1 answer
Button transition
CSS
3 votes165 views3 answers
Have background color and background image css
CSS
42 votes282 views5 answers
Npm bootstrap
CSS Bootstrap
3 votes207 views2 answers
Scss sass watch command line
CSS
2 votes176 views2 answers
Nunito font
CSS
0 vote154 views1 answer
How to center icon vertically in react js
CSS
0 vote165 views1 answer
Media queries import file
CSS
0 vote189 views1 answer
Html glow on hover
CSS
0 vote179 views1 answer
Javascript select element that does not have attribute
CSS