Answers for "gradient background color css"

linear gradient css

/* A gradient tilted 100 degrees,
   starting gray and finishing black */

.class {
    background: linear-gradient(100deg, rgba(63, 63, 63, 0.8) 0%, rgba(255, 255, 255, 0) 25%);
}

/* A gradient going from the bottom to top
   starting red and finishing orange */

.class {
    background: linear-gradient(to top, #f32b60, #ff8f1f);
}

css gradient

.yourElementClass{
  background: linear-gradient(to top, #fff000 0%, #000fff 100%);
  /* 1st property: from where the 100% starts */
  /* 2nd property: the first color */
  /* 3rd property: the second color */
  /* to add some colors to the gradient, do the same thing of 2nd and 3rd properties, edit the color and the color-stop */
}

css linear gradient

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}

linear gradient css background image

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);

linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

css gradient background

body
{
    width: 100%; 
    height: 100vh;
    color: #fff;
    background-image: linear-gradient(180deg, #581845, #900C3F, #C70039, #FF5733, #FFC300);
}

/* If scrollbars are appearing you can disable them by just typing*/

::-webkit-scrollbar
{
    display: none;
}