Background degrade

Linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Html css background linear-gradient

background: linear-gradient(#333, #333 50%, #eee 100%);
\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}

Background degrade

body {
  background: linear-gradient(#12c2e9,#c471ed,#f64f59);
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
  margin: 0;
  padding: 2rem;
}

Similar codes

1 vote214 views1 answer
How to include a new font website
CSS
6 votes156 views2 answers
Selecting last child css
CSS
0 vote187 views1 answer
Css rotate 3d
CSS
0 vote111 views1 answer
Affect top div opacity without affecting childrne
CSS
0 vote155 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
0 vote149 views1 answer
Html css how to arrange images of different sizes
CSS
0 vote160 views1 answer
Divs overlapping on mobile landscape
CSS
20 votes141 views6 answers
Fonts for css
CSS
1 vote201 views1 answer
Ul remove dots
CSS
2 votes148 views1 answer
Clamp margin
CSS