how to make a vertical gradient in css code example

Example 1: linear-gradient(top to bottom)

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

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

Example 2: css gradient

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