Título de anúncios com efeito de arco-íris

Detalhes da questão

Endereço do fórum: https://policiadpsm.forumeiros.com
Versão do fórum: ModernBB

Descrição

Opa!

Como adiciona um título rainbow (efeito arco-irís) mudando de cor diversas vezes em um tópico a ser fixado como anúncio global?

Olá @Riickizin,

Crie um novo Javascript com investimento em todas as páginas:

Código:

$(function() {
$('.topic-title-container:contains("Anúncio global:") .topic-title.hierarchy .topictitle').addClass("rainbow");
});

De seguida, adicione no topo da sua folha de estilos (CSS) o código abaixo:

Código:

.rainbow {
    background: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: rainbow_animation 4s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

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

Atenciosamente,
RafaelS.

Deu certo, obrigado e pode fechar!