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 vote212 views1 answer
White border css
CSS
0 vote188 views1 answer
Different :after and ::after
CSS
0 vote213 views1 answer
Apt list only security updates
CSS
0 vote265 views1 answer
===> git ignore
CSS
0 vote202 views1 answer
Text align left in span
CSS
0 vote236 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
3 votes215 views3 answers
How to change paragraph text color to orange - css
CSS
29 votes214 views3 answers
Green hex code
CSS
0 vote219 views1 answer
React css change number animation
CSS
2 votes213 views1 answer
Html remove hittest from element
CSS