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

53 votes199 views6 answers
Background color
CSS
0 vote200 views1 answer
Stop mysqld.exe cmd
CSS
0 vote201 views1 answer
Css nested scrollbars
CSS
0 vote206 views2 answers
CSS Or Selector
CSS
24 votes263 views3 answers
Remove underline from a link css
CSS
12 votes215 views3 answers
Vertical and horizontal align center div
CSS
0 vote195 views1 answer
Tailwind css react craco
CSS
1 vote176 views1 answer
Pseudo class css nth child
CSS
93 votes222 views6 answers
Css center image in div
CSS
9 votes208 views4 answers
Clamp css
CSS