Rainbow Text

<style>
    .rainbow-text {
        background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
        text-align: center;
        background-size: 800% 800%;
        -webkit-background-clip: text;
        color: transparent;
        animation: rainbow 8s ease infinite;}

    @keyframes rainbow {
        0% { background-position: 0% 50% }
        50% { background-position: 100% 25% }
        100% { background-position: 0% 50% }
    }

</style> <span class="rainbow-text">★your text here★</span>

★ Have fun!★