<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat, odio quis posuere finibus, diam dolor efficitur ipsum, ut egestas risus augue ac lorem. Aenean posuere a neque volutpat vehicula. Etiam faucibus diam leo. In finibus lorem a justo rutrum feugiat. Integer vitae volutpat nisl.</p>
.text {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.