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

8 votes311 views4 answers
Css dark mode
CSS
0 vote335 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
17 votes266 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
1 vote268 views2 answers
Css scrollbar in div
CSS
1 vote266 views1 answer
Mysqli load result into array
CSS
0 vote360 views1 answer
Css only if both classes
CSS
0 vote441 views1 answer
Kill docker by image name
CSS
0 vote304 views1 answer
Ecto generator create new mvc
CSS
92 votes365 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote258 views1 answer
Div style how to wrap around
CSS