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

6 votes241 views2 answers
Css how to prevent horizontal scrolling
CSS
1 vote252 views1 answer
Css %-px
CSS
1 vote255 views1 answer
Disable highlighting text in CSS.
CSS
65 votes266 views3 answers
Css variables
CSS
0 vote236 views1 answer
Secltor for parent li css
CSS
8 votes244 views2 answers
CSS make image fill whole background
CSS
1 vote272 views1 answer
How to open emoji keyboard windows 10
CSS
8 votes250 views1 answer
Align in the middle of page html
CSS
13 votes295 views6 answers
Tailwind center vertically
CSS
0 vote303 views1 answer
Outting a border on a map css
CSS