Example 1: linear gradient css /* A gradient tilted 100 degrees,    starting gray and finishing black */ .class  {     background :  linear-gradient ( 100 deg ,  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 ) ; } Example 2: how to make a linear gradient in css /* Add the class name insted of class */ .class  {   background :  linear-gradient ( to top ,  #000000 ,  #fffffff ) ; }