How to Create Gradient Texts in CSS

/* Create text gradients with the following: */

.gradient {
  background: -webkit-gradient(linear, 
    left top, left bottom, 
    from(#FCA101), to(#F03823)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Will produce the following: */