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

29 votes374 views4 answers
Css input
CSS
0 vote373 views2 answers
Add a comment in css
CSS
5 votes369 views1 answer
Css animate flashing
CSS
0 vote382 views1 answer
Label for centered image
CSS
0 vote400 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
1 vote374 views1 answer
Load css file flask
CSS
1 vote363 views1 answer
Add border to input css
CSS
0 vote401 views1 answer
Ionic slidesperview not working
CSS
3 votes377 views1 answer
What is a pseudo selector?
CSS
0 vote394 views1 answer
Double border color css
CSS