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