<p class="gradient-text">Gradient Text</p>

body {
  background: black;
}

.gradient-text {
  font-size: 60px;
  font-family: fantasy;
  background: -webkit-linear-gradient(white, #0fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.