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

15 votes295 views2 answers
Linear-gradient
CSS
33 votes296 views6 answers
Css strikethrough
CSS
2 votes278 views1 answer
Html remove hittest from element
CSS
0 vote298 views1 answer
Min-height not working on body
CSS
0 vote281 views1 answer
Grandezza caratteri css
CSS
2 votes241 views1 answer
Function debounce
CSS
1 vote267 views1 answer
How to desactivate txt selection css
CSS
2 votes307 views1 answer
Changong text color css
CSS
0 vote298 views1 answer
How to add font otf format in html
CSS
0 vote295 views1 answer
Datatables when filtering snaps to top of page
CSS