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

11 votes108 views1 answer
Css white-space nowrap
CSS
0 vote119 views1 answer
Css check if class as color white
CSS
59 votes114 views4 answers
Rgb blue color code
CSS
0 vote97 views1 answer
Como fazer uma linha vertical no html
CSS
0 vote102 views1 answer
Mailto link with no decoration
CSS
0 vote110 views1 answer
Font-display css google fonts
CSS
0 vote132 views2 answers
How to remove text style on td in angularjs
CSS
0 vote109 views1 answer
Import tailwind
CSS
-3 votes100 views1 answer
How do i make a div full width with css
CSS
0 vote123 views1 answer
Prevent text from going to next line css
CSS