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

0 vote280 views1 answer
Text decoration css transition
CSS
4 votes358 views1 answer
Animation-direction property
CSS
4 votes287 views1 answer
Striped tables css
CSS
1 vote279 views1 answer
Lower image brightness css
CSS
2 votes279 views1 answer
Ion input change font size
CSS
3 votes289 views2 answers
Css crop image to circle
CSS
0 vote280 views1 answer
Add shadow to iframe
CSS
0 vote284 views1 answer
Css space inter words
CSS
0 vote299 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
0 vote290 views1 answer
Elementor custom css for mobile
CSS