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

2 votes102 views1 answer
Add padding to scrollbar
CSS
10 votes102 views2 answers
Darken image css
CSS
-1 vote109 views1 answer
Calculadora
CSS
2 votes103 views1 answer
Cool hover effects css
CSS
6 votes99 views1 answer
How to set option size to select in html css
CSS
1 vote138 views2 answers
Center nav bar css
CSS
2 votes117 views1 answer
How to apply hover through inline css
CSS
10 votes107 views6 answers
Modal html
CSS
0 vote109 views1 answer
Css table th width
CSS
0 vote99 views1 answer
Change option tag css
CSS