Текстовый градиент

Gradient

HTML

<div class="text-gradient">
Gradient
</div>

CSS

<style>
.text-gradient {
    font-size: 10rem;
    color: #a421c1;
    background: linear-gradient(45deg, #8216b1 33%, #c25181 66%, #cd1483);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
</style>