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

39 votes342 views3 answers
How to do a background blur in css
CSS
-1 vote334 views1 answer
Css code for green
CSS
20 votes322 views2 answers
Div circle
CSS
0 vote373 views1 answer
Vue scoped scss media query
CSS
3 votes319 views2 answers
Centralize div flex
CSS
1 vote329 views1 answer
Ion-item no padding ionic 4
CSS
13 votes369 views2 answers
Box-sizing
CSS
0 vote366 views1 answer
QAnon Won't believe who
CSS
0 vote298 views2 answers
Vertically and horizontally center a fixed div
CSS
1 vote311 views1 answer
Floating object animation css
CSS