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

2 votes180 views1 answer
How to make gradient backgroud cover whole page in html
CSS
1 vote148 views1 answer
Bootstrap Changing the separator
CSS
0 vote151 views1 answer
Css list line spacing
CSS
1 vote172 views1 answer
No li style
CSS
77 votes171 views9 answers
'charmap' codec can't decode byte 0x9d in position 846: character maps to <undefined>
CSS
4 votes152 views2 answers
Transform scale
CSS
0 vote168 views1 answer
@fontface otf
CSS
0 vote488 views1 answer
Fssg
CSS
1 vote282 views1 answer
Css minifier api
CSS
1 vote187 views2 answers
How to make background more darker with css
CSS