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

1 vote147 views1 answer
Vue import css scoped
CSS
0 vote134 views1 answer
Video failing to scale with div css background
CSS
0 vote158 views1 answer
Mvc how to css file linked
CSS
0 vote131 views1 answer
Container media queries for large displays
CSS
0 vote127 views1 answer
Terminal download website source code
CSS
0 vote123 views1 answer
Autoprefixer\
CSS
0 vote141 views2 answers
Difference bw box and border box
CSS
65 votes139 views6 answers
Outline radius css
CSS
37 votes126 views1 answer
Placeholder font size css
CSS
0 vote127 views1 answer
Css ul shifts
CSS