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 vote207 views1 answer
Add styles object js
CSS
4 votes173 views2 answers
Gap between two flex items
CSS
0 vote220 views3 answers
Constraint in grails
CSS
9 votes221 views3 answers
Console.log style css
CSS
0 vote253 views1 answer
Css cotent tipe
CSS
3 votes203 views1 answer
Css first td
CSS
4 votes239 views2 answers
Css zebra
CSS
52 votes186 views6 answers
Center a div
CSS
0 vote182 views1 answer
How to put an element in front
CSS
1 vote197 views1 answer
Apply color tint to image
CSS