Answers for "gradient for css"

css linear gradient

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

}

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;
}

gradient css background

/*From bottom to top*/
background: rgb(166,166,166);
background: linear-gradient(0deg, rgba(166,166,166,1) 0%, rgba(255,255,255,1) 29%);

gradient color css

background: #ada996; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

css gradient

background: linear-gradient(Direction (keyword or degrees), color1 10% (10% width), color2 width (it's not neccessary), ...);