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

156 votes272 views6 answers
Center a div css
CSS
0 vote193 views1 answer
Video failing to scale with div css background
CSS
3 votes180 views2 answers
Css onclick change color
CSS
1 vote191 views1 answer
Repeat autofill css grid minmax
CSS
8 votes179 views2 answers
Css multiple selectors
CSS
-1 vote261 views1 answer
<link>
CSS
0 vote180 views1 answer
Css height animation
CSS
55 votes398 views5 answers
Bootstrap 3 button
CSS Bootstrap
11 votes214 views4 answers
Background image css fill screen
CSS
25 votes206 views5 answers
Css line spacing
CSS