<p>
  <span>Hello World</span>
</p>
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-weight: 900;
  text-transform: capitalize;
  letter-spacing: -2px;
  word-spacing: -5px;
}

span {
  background-image: linear-gradient(to right, #a855f7, #ec4899);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.