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

1 vote193 views1 answer
Highlight table row on hover
CSS
8 votes203 views2 answers
Font roboto css
CSS
7 votes297 views3 answers
Transition shorthand css
CSS
0 vote208 views1 answer
Template html css bootstrap cdn
CSS
0 vote213 views1 answer
Css layout tutorial
CSS
0 vote219 views1 answer
Move element on new line css
CSS
1 vote252 views1 answer
Ul remove dots
CSS
2 votes258 views1 answer
How to add a black border around text css
CSS
1 vote199 views1 answer
Html css landing page
CSS
1 vote206 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS