<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.