gradient-text-animate

gradient-text-animate.css

@keyframes gradient-text-animate {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@supports (-webkit-text-fill-color:transparent) {
    .gradient-text {
        background: linear-gradient(141.27deg,#ff904e -4.24%,#ff5982 21.25%,#ec68f4 44.33%,#79e2ff 83.46%);
        background-size: 200%;
        background-clip: text;
        animation: gradient-text-animate 10s ease infinite;
        -webkit-text-fill-color: transparent
    }
}