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

6 votes139 views1 answer
Scrollbar height css
CSS
0 vote144 views1 answer
Html5 video hide progress bar
CSS
26 votes144 views5 answers
Css multiple classes
CSS
38 votes171 views3 answers
Media breakpoints
CSS
0 vote147 views2 answers
Prevent line break css
CSS
10 votes159 views3 answers
Css on click
CSS
16 votes174 views4 answers
CSS Font-Family
CSS
37 votes147 views4 answers
Css circle border
CSS
2 votes176 views5 answers
How to reset postgres password
CSS
16 votes169 views4 answers
Arrow right css
CSS