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

4 votes185 views1 answer
Make text bigger html5
CSS
4 votes209 views2 answers
Increase the size of an image on hover using css
CSS
0 vote166 views1 answer
Opposite of :not css
CSS
54 votes174 views3 answers
Center align an image css
CSS
2 votes142 views1 answer
Bootstrap list view
CSS
19 votes162 views3 answers
Bootstrap media queries
CSS Bootstrap
7 votes189 views2 answers
Vue sass loader
CSS
0 vote162 views3 answers
Css horizontal ul
CSS
2 votes175 views1 answer
Bootstrap class="mb-3"
CSS
1 vote153 views2 answers
Fixed within the div css
CSS