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

11 votes165 views5 answers
Css affect other elements on hover
CSS
0 vote169 views1 answer
React bootstrap carousel not working
CSS
12 votes165 views2 answers
Center a cpontent css
CSS
0 vote145 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote175 views1 answer
Add quotes in quote css
CSS
1 vote184 views1 answer
Multiple divs next to each other
CSS
0 vote170 views1 answer
Checkbox before stretching with css
CSS
16 votes234 views2 answers
Center h1 css
CSS
0 vote179 views1 answer
Color around the text
CSS
0 vote165 views1 answer
Css grid no stretch
CSS