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 votes189 views3 answers
Linear-gradient(top to bottom)
CSS
25 votes206 views3 answers
How to add spaces between text in html
CSS
1 vote188 views1 answer
Html css landing page
CSS
59 votes203 views4 answers
Rgb blue color code
CSS
0 vote249 views4 answers
Scale down image css
CSS
22 votes278 views2 answers
Rgb gold color
CSS
0 vote200 views2 answers
Upload directory ssh to remote rsync
CSS
7 votes187 views2 answers
Disable bullets in ul
CSS
0 vote190 views1 answer
Laravel css image url
CSS
0 vote186 views1 answer
Keyframe fade down css
CSS