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 vote291 views1 answer
How to give opacity to background only
CSS
1 vote295 views1 answer
How to write if condition in css
CSS
6 votes285 views3 answers
Inner box shadow
CSS
0 vote312 views1 answer
Decroation of title using css
CSS
0 vote282 views1 answer
Not checked css
CSS
6 votes318 views2 answers
Removing the unwanted border button css
CSS
0 vote307 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
2 votes314 views1 answer
Css image to white
CSS
74 votes270 views6 answers
Css rounded corners
CSS
0 vote335 views1 answer
Spanning Items Across Rows and Columns
CSS