how to apply linear gradient in css to text code example

Example 1: css gradient text

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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