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 vote153 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
18 votes162 views3 answers
Expo : File C:\Users\Admin\AppData\Roaming\npm\expo.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote151 views1 answer
Animation clip path
CSS
0 vote205 views1 answer
Make td match display flex
CSS
0 vote157 views1 answer
Horizontal checkbox css
CSS
0 vote152 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote145 views1 answer
Hide the default tooltip behaviour from safari
CSS
19 votes153 views3 answers
Css stop scrollbar
CSS
0 vote96 views1 answer
Css ein bisschen durchsichtig
CSS
0 vote147 views1 answer
Css circle with number
CSS