Answers for "css gradient background"

CSS
23

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);
}
Posted by: Guest on December-19-2020
8

css linear gradient

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

}
Posted by: Guest on September-01-2020
9

css horizontal linear gradient

background: linear-gradient(to left, red, blue);
Posted by: Guest on April-28-2020
2

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;
}
Posted by: Guest on September-18-2021
7

linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);
Posted by: Guest on April-01-2020
8

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%);
Posted by: Guest on October-24-2020

Code answers related to "css gradient background"

Browse Popular Code Answers by Language