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

0 vote213 views1 answer
Css good black color
CSS
1 vote189 views1 answer
How to change the underline thickness in css
CSS
0 vote173 views1 answer
Body .div csss
CSS
1 vote175 views1 answer
Cards design html css
CSS
6 votes210 views5 answers
Bootstrap icons
CSS
2 votes185 views6 answers
Neumorphism
CSS
0 vote183 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
1 vote187 views1 answer
Ul remove dots
CSS
0 vote182 views1 answer
Enqueing another css file in shild
CSS
0 vote185 views5 answers
Style
CSS