how to add a gradient in css on top of an element 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: how to make a linear gradient in css

/* Add the class name insted of class */
.class {
  background: linear-gradient(to top, #000000, #fffffff);
}