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 vote288 views1 answer
Css div went over top menu
CSS
29 votes277 views4 answers
@font-face css
CSS
1 vote256 views1 answer
How to remove margin of body
CSS
0 vote256 views1 answer
Overwrite theme css in parent css
CSS
0 vote295 views2 answers
Modal pop up html css
CSS
0 vote296 views1 answer
Box shadow 2 sides only
CSS
0 vote268 views3 answers
Css class selector
CSS
15 votes311 views3 answers
Put an border around an text in css
CSS
4 votes321 views2 answers
How to set text in center in flex item
CSS
12 votes272 views3 answers
Vertical and horizontal align center div
CSS