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

1 vote181 views1 answer
Unknown function 'mat-palette'
CSS
8 votes166 views1 answer
Html watermark background
CSS
5 votes164 views1 answer
Roblox player died
CSS
0 vote177 views1 answer
Ios safe area
CSS
0 vote187 views1 answer
Css create array
CSS
0 vote169 views1 answer
Css nesting
CSS
22 votes168 views4 answers
Css flip image horizontally
CSS
0 vote176 views1 answer
Get clicked position javascript image
CSS
0 vote199 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
15 votes193 views4 answers
Docker postgres
CSS