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

0 vote321 views2 answers
Chrome developer tools send get request
CSS
0 vote312 views1 answer
Content url svg css
CSS
6 votes303 views3 answers
How to round input border
CSS
3 votes350 views3 answers
How to use image zoom effect in css
CSS
8 votes306 views1 answer
How to get my div to centre of primary div
CSS
0 vote297 views1 answer
Video failing to scale with div css background
CSS
36 votes310 views2 answers
Css translate x and y
CSS
0 vote327 views1 answer
Css - global -Typogryphy
CSS
1 vote259 views1 answer
Css div text size
CSS
7 votes301 views3 answers
Rounded input css
CSS