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 vote115 views1 answer
Linear gradient farthest-corner code css
CSS
17 votes192 views2 answers
Place item center in css using grid
CSS
2 votes109 views5 answers
Css disable input
CSS
0 vote123 views1 answer
Animation not hover out
CSS
0 vote116 views1 answer
Add image under header html
CSS
72 votes101 views6 answers
Absolute position center
CSS
0 vote104 views1 answer
Disable text higlighting
CSS
1 vote186 views1 answer
Css rules only for mozilla
CSS
2 votes112 views3 answers
Import image css
CSS
2 votes111 views1 answer
Css div take remaining screen height
CSS