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 vote107 views2 answers
How to zoom image on hover in css
CSS
0 vote111 views1 answer
Style image so it crops
CSS
0 vote107 views1 answer
Css() multiple
CSS
-1 vote99 views1 answer
Css not full width
CSS
3 votes131 views1 answer
Include screen size
CSS
0 vote105 views1 answer
Css to exclude last row table
CSS
2 votes96 views1 answer
How to make auto scroll to the end in css
CSS
0 vote103 views2 answers
Materialize css for react
CSS
-1 vote107 views1 answer
On class hover another class color change
CSS
0 vote109 views1 answer
Vervaging en verloop css
CSS