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

5 votes307 views2 answers
Zoom animations in css
CSS
2 votes283 views2 answers
Aspect ratio css
CSS
1 vote298 views2 answers
How to lighten the color of text in html
CSS
0 vote277 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
4 votes318 views3 answers
Mobile tablet desktop media queries
CSS
68 votes264 views6 answers
Add css file in html
CSS
0 vote288 views1 answer
Nuxt page transition
CSS
0 vote291 views1 answer
Scss flex
CSS
0 vote390 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote279 views2 answers
Laravel 7 css loading slow
CSS